javascript - 从 SVG 矩形元素获取每个像素的 RGB 值

Question

我需要获取svg rect元素中每个像素的颜色值。在canvas中我们可以通过getImageData(x,y,width,height)方法获取它。

在svg中，有什么方法可以做到这一点吗？如果可以，请给出一些工作示例。

Answer 1

如果您创建一个独立的 SVG 文件并通过图像元素将其包含在文档中，例如html <img>元素，然后您可以通过 drawImage 将图像数据复制到 Canvas 中并且您已经知道如何从 Canvas 中提取颜色值。

这种间接路线是唯一的方法。