如何檢測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，你可以閱讀顏色。