canvas画像をリサイズ : JavaScript
Canvasの画像をリサイズする。
- ファイルアップローダーかドラッグアンドドロップで画像をCanvasに描画する。
- 横、縦、固定比を入力してリサイズの設定を行う。
- リサイズボタンでリサイズを実行する。
- オリジナル表示でオリジナルを表示できる。
リサイズ処理
- 横、縦、固定比の入力に応じてリサイズごのサイズがきまる。
- CanvasのtoDataURLメソッドでCanvas画像をimg要素にいったん読み込む。
- img要素のonloadハンドラでリサイズして再度Canvasへ描画する。
コメント
No comments yet.
コメントの投稿
改行と段落タグは自動で挿入されます。
メールアドレスは表示されません。