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

Question

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

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

Answer 1

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

这条间接路线是唯一的途径。