[覚え書き] JavaScript で img 要素の画像データを取得する方法とCanvas汚染¶ MDNに解説があるので基本はそちらを参照されると良いと思う。 Allowing cross-origin use of images and canvas - HTML: Hypertext Markup Language | MDN やりたいこと¶ JavaScript で img 要素の画像のデータを取得する。 ユースケースとしては、以下が考えられる。 フロント側の実装でなんらかの画像加工処理を行う 複数の画像データをzipにまとめてダウンロード dataURL に変換して localStorage に保存 方法¶ canvas に一度画像を描写し、 toDataURL または toBlob を呼び出すことでデータの取得ができる。 const img = document.querySe