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');
画像が切り替わらないとかはキャッシュ確認。
関連記事
-
-
jQuery UIのDatepickerでリセット(入力内容消去)ボタンの追加方法
jQuery UIのDatepickerでキーボード入力を防ぎたいためreado ...
-
-
jQueryで画像を遅延ロードする「jquery.lazyload.js」の利用方法
画像を遅延ロードさせたい時にはjQueryプラグインのlazyloadが便利。以 ...
-
-
jQueryでimgタグのsrcを変える
やりたかった事はイベントに応じてimgタグの src内のURLを変更。attrを ...
-
-
日付入力のテキストフォームにカレンダープラグインを導入
やりたかった事と制限は下記の通り。 ・日付入力のテキストフォームにカレンダープラ ...
-
-
簡単にtable内をソート
やりたかった事は、 ・テーブル内でのソート ・内容は文字、数値、日時 ・PHPじ ...