② let originalImageData = null;

② let originalImageData = null;

意味

  • 最初は空っぽ(null)にしておく変数です。
  • 後で「元の画像データ」を保存するために使います。

何を保存するの?

  • Canvasに最初に描いた「ぼかし加工する前の元画像の情報」を保存しておきます。

なぜ必要?

  • 「リセットボタン」を押したときに、
    ぼかし加工する前のきれいな状態の画像に戻すため。

ポイント

  • Canvasの画像データは ctx.getImageData(x, y, width, height) で取得できる。
  • これをこの変数に保存しておけば、後で ctx.putImageData() で復元できる。