Хромированный SVG маркерный элемент onmouseover - PullRequest
4 голосов
/ 23 июля 2011

У меня есть SVG, встроенный в HTML с определением маркера. Определение маркера - это просто круг с событием 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 работает с элементом, но не с каждым маркером пути. Я бы хотел, чтобы маркеры пути вели себя так же. Какой хороший способ сделать это?

1 Ответ

3 голосов
/ 17 мая 2012

В спецификации прямо указывается, что «атрибуты событий и прослушиватели событий, прикрепленные к содержимому элемента« маркер », не обрабатываются; обрабатываются только аспекты рендеринга элементов« маркер »».

Жаль.

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

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...