如何获取图像的灰度值并将其放入像素数组中？ （html画布）

Question

是否可以使用html canvas进行此操作？

有了这个

   for (var i = 0; i < data.length; i += 4) {
      var grayscale = data[i]*0.2126 + data[i +1]*0.7152 + data[i +2]*0.0722;
      data[i]     = grayscale; // red
      data[i + 1] = grayscale; // green
      data[i + 2] = grayscale; // blue
    }

迭代所有像素并对其进行灰度化。我知道如何将其转换为base64代码但是如果我只想要图像的灰度值而不是整个RGB图像呢？