Canvas 图像处理：使用 JavaScript 的 getImageData 方法

Canvas 是 HTML5 提供的一个绘图API，它允许我们在网页上绘制图形、图像和动画。在进行图像处理时，我们经常需要获取图像的像素数据，然后对其进行修改。JavaScript 的 getImageData 方法就提供了这样的功能。

getImageData 方法用于从 Canvas 上获取指定区域的像素数据。它返回一个 ImageData 对象，该对象包含了图像数据的详细信息，包括每个像素的颜色值。我们可以通过修改这些颜色值来实现各种图像处理效果。

下面是一个简单的示例，展示了如何使用 getImageData 方法获取图像数据并修改像素颜色：

// 获取 Canvas 元素
var canvas = document.getElementById("myCanvas");
var ctx