如何检测SVG区域的任何位置的颜色

Question

在SVG区域（不是画布）内，我需要使用javascript来确定特定坐标（x，y）位置的颜色。总的来说是这样的：

getColor (mySvgArea, x, y); 

Answer 1

在HTML链接

通常以不同的颜色绘制，如果他们已经走访了如果他们没有。当然，SVG也可能有这样的事情，很久以前，人们已经意识到，如果你能弄清楚是什么颜色，那就是隐私泄露，并且很多努力都投入到了fixing that中。

如果允许您在一般坐标系下阅读颜色，它将重新打开隐私泄露信息，因此在图像之外永远无法做到这一点。

图像方式是让您的SVG在<image>标记中，然后将其加载到画布中。浏览器可以通过以下方式来防止隐私泄露：a）污损画布，所以一旦SVG数据加载到Web浏览器中，您就无法读取它（Webkit目前）或b）对SVG图像功能进行回复，以防止通过禁用东西来泄漏隐私像链接着色（Firefox）

已有一个用于示例shows copying an SVG into canvas的示例的计算器答案。如果你使用Firefox，你可以阅读颜色。