② let originalImageData = null;
意味
- 最初は空っぽ(
null
)にしておく変数です。 - 後で「元の画像データ」を保存するために使います。
何を保存するの?
- Canvasに最初に描いた「ぼかし加工する前の元画像の情報」を保存しておきます。
なぜ必要?
- 「リセットボタン」を押したときに、
ぼかし加工する前のきれいな状態の画像に戻すため。
ポイント
- Canvasの画像データは
ctx.getImageData(x, y, width, height)
で取得できる。 - これをこの変数に保存しておけば、後で
ctx.putImageData()
で復元できる。