2011-07-22 68 views
4

我有一個SVG嵌入在標記定義的HTML中。標記定義只是一個帶有onmouseover事件的圓。然後我用像這樣的路徑上的標記......Chrome 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

該規範明確指出:「附加到'marker'元素內容的事件屬性和事件偵聽器不會被處理;只有'marker'元素的渲染方面會被處理。

這是一個遺憾。

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