4
マーカー定義でHTMLに埋め込まれたSVGがあります。マーカー定義はonmouseoverイベントを持つ単なる円です。そう...クロムSVGマーカー要素onmouseover
<...html...>
<svg>
<defs>
<marker id="point" refX="5" refY="5" markerWidth="10" markerHeight="10">
<circle id="p2" cx="5" cy="5" r="3" fill="black" opacity=".5" onmouseover="console.log('YES!');" />
</marker>
</defs>
<path d="M 10 20 100 20 A 20 30 0 0 1 120 50 L 120 110"
style="marker-mid: url(#point);" fill="none" stroke="black" />
<use xlink:href="#p2" x="20" y="20">
</svg>
<...html...>
onmouseoverイベントは、要素上ではなく、パスのマーカーのそれぞれに働くように私は、パス上のマーカーを使用しています。パスマーカーが同じように動作するようにしたいと思います。これを行うには良い方法は何ですか?