javascript - SVG 領域の任意の位置の色を検出する方法

Question

SVG エリア (キャンバスではない) 内で、JavaScript を使用して特定の座標 (x、y) 位置の色を決定する必要があります。全体的に次のようなものです。

getColor (mySvgArea, x, y);

Answer 1

通常、HTML リンクは、アクセスされている場合とアクセスされていない場合とで異なる色で描画されます。もちろん、そのようなことはSVGでも可能であり、色が何であるかを把握できればプライバシーリークであることにずっと前に気づき、それを修正するために多くの努力が払われました.

一般的な座標で色を読み取ることが許可されている場合、プライバシー リークが再び発生するため、画像の外でそれを行う方法はありません。

画像の方法は、SVG を<image>タグに入れてからキャンバスにロードすることです。ブラウザは、a) キャンバスを汚染して、SVG データが読み込まれるとキャンバスから読み取ることができないようにする (現在 Webkit)、または b) SVG 画像機能を制限して、物事を無効にしてプライバシーを漏らさないようにすることで、プライバシーの漏洩を防ぐことができます。リンクの色付けなど (Firefox)

SVG を canvas にコピーする例を示すスタックオーバーフローの回答が既にあります。Firefox を使用している場合は、色を読み取ることができます。