2011-07-22 10 views
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イベントは、要素上ではなく、パスのマーカーのそれぞれに働くように私は、パス上のマーカーを使用しています。パスマーカーが同じように動作するようにしたいと思います。これを行うには良い方法は何ですか?

答えて

3

仕様では、「マーカー」要素のコンテンツに添付されたイベント属性とイベントリスナーは処理されず、「マーカー」要素のレンダリング面のみが処理されます。

これは残念です。

http://www.svgbasics.com/markers.html