JavaScript: 画像のトリミングツール
TestJS_canvas_image_trim04.html画像をトリミングして切り抜きます。
動作 : Edge106
IE11 では動作しません
画像は次のどれかで開きます。
A) 「ファイルを選択」ボタンで画像ファイルを読み込む。
B) 画像ファイルをドラッグ&ドロップする。
C) Ctrl+V で画像をペーストする。
詳しい説明は「使い方」のボタンを押して見て下さい。
ローカルでも動かせます
ネットがなくてもローカルでも実行できます。
更新
- 2022/03
画像のピクセルの色コード表示 (例: #ff9933) を追加。
ツールバーがスクロールされないように固定表示に変更。 - 2021/05
ES2015 に書き直したので IE11 では動作しません。 - 2021/02
Firefox や Chrome で Webブラウザでコピーした別の Web ページの画像をペーストすると DOMException のエラーが出ていた問題を直しました。
セキュティが絡むと面倒だらけ・・・(2020/07)
Firefox などでも、 Web 上の画像を右クリックメニューから画像をコピーして、 このツールにペーストすると、 セキュリティエラーが出て動作しなくなります。 ブラウザのウインドを Alt+PrtScreen でキャプチャーしてペーストした場合は、 正常に動作します。
追記: こちらは 2021/02 に修正しました。