Jcropを使ってブラウザ上で画像を範囲指定して切り抜き(トリミング)
2024/04/18
やりたかった事は、画像をアップロードして必要な部分のみを範囲指定してもらい、指定した部分を別の画像として保存したかった。
画像の保存とかアップロードはいけるんだけど、範囲指定してトリミングする部分をJcropというjQueryのプラグインを用いることでなんとかなりそう。
Jcrop
http://deepliquid.com/content/Jcrop.html
サンプル
https://taitan916.info/sample/jcrop/
基本的にはそのまま使えそうなんだけどアスペクト比を保たない場合以下の部分取り外す。
aspectRatio: 1
あとは以下のような形で保存すればよい。
imagejpeg($dst_r,'hogehoge.jpg');
画像が切り替わらないとかはキャッシュ確認。
関連記事
-
-
Lightboxで画像拡大時に閉じるボタンの位置を右上に変更
Lightbox(バージョン2.7.1)で画像拡大時に閉じるボタンの位置を右下か ...
-
-
JavaScript / jQueryにてページ表示時に指定したテキストボックスにフォーカスさせる方法
ページを開いた際に指定したテキストボックス(input type="text") ...
-
-
jQueryプラグインの作成
面白そうだったのでメモ。 ■参考サイト http://www.entacl.in ...
-
-
jQueryでiframe内の要素を呼び出し
jQueryでiframeで開いたbody内の内容が欲しかった。 ■jQuery ...
-
-
formでdisplay:none;にしてても送信される
formで特定の部分をdisplay:none;で非表示にしてても 内容は送信さ ...