FileAPIで画像を読み込み → canvasに描画

概要

「FileAPIを使って画像を読み込み、イベント終了と同時に自動的にcanvasに描画したい!」

FileAPIを使って読み込んだ画像を、imgタグを使って画像を表示をすることは容易であったが、
canvasに描画するのに少々手間取ったので、これをメモとして残すことにしました。

流れ

  • FileAPIでローカルにある任意の画像を選択し読み込む
  • canvasに描画

Image.onloadを使う方法

Image.onloadを使えば一発だった。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です