c# - SVG をクリックすると、ページ コード ビハインドで機能がトリガーされます

Question

ここでの短い質問: ノードを含む SVG チャートがあります。SVG をクリックして、ページのコード ビハインドで関数をトリガーできるようにする方法はありますか? 具体的には、チャート内のどのノードがクリックされたかを識別できるようにします。asp コントロールにはこのタイプの機能が組み込まれていますが、より一般的な html コンポーネントには組み込まれていないことに気付きました。

Answer 1

さて、今日私は働くための解決策を得ました。私はここで探している他の人のために共有します。

私のクリックイベントトリガーは、CSS z-indexを使用してSVG上に配置されたasp：ImageMapです。

SVGを表示する前に、Page_Load関数の分離コードがSVGを取得し、それをXMLに解析して、XMLドキュメントのように読み取り/変更できるようにします。最初に、プログラムは「g」要素に変換がないかチェックし、座標をプロットするときに使用するオフセットを保存します。次に、プログラムはXML内の各形状（長方形、円など）要素を調べ、形状からx、y座標を取得して、対応するImageMap HotSpotを作成し、それをImageMapに追加します。

ふぅ！