① let image = new Image();
意味
- 新しい空っぽの画像オブジェクトを作成して、imageという変数に入れています。
- ここで作った
imageに、あとでアップロードした画像データを読み込みます。
なぜ必要？
- ファイルから読み込んだ画像データを一時的に保存して管理するため。
- その後、Canvas上に
ctx.drawImage(image, 0, 0)で画像を表示するために使います。
ポイント
new Image()はブラウザが持っている特別な画像用オブジェクト。image.src = データみたいにして、読み込んだ画像をメモリ上に持っておけます。