从SVG rect元素获取每个像素的RGB值

Question

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

在svg中，有什么方法可以做到吗？如果有，请提供一些有用的例子。

Answer 1

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

这种间接途径是唯一的方法。