Предположим, у меня есть простая HTML-страница со встроенным объектом SVG, который содержит некоторый текст, помещенный над эллипсом (последний является гиперссылкой):
<html><body>
<svg>
<g>
<a href="http://google.com">
<ellipse ry="30" rx="50" cy="100" cx="100" />
</a>
<text y="100" x="70" style="fill:#ef0000;font-size: 40">some text</text>
</g>
</svg>
</body></html>
Обратите внимание, что когда мышь находится над текстом, щелчок ничего не делает: текстовый объект не прозрачен для щелчка мыши. Как сделать текстовый объект прозрачным для мыши, не преобразовывая весь текст в гиперссылку?