假设我有一个带有嵌入式SVG对象的简单HTML页面,其中一些文本放在一个椭圆上(后者是一个超链接):
<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>
请注意,当鼠标悬停在文本上方时,单击不会执行任何操作:文本对象对于鼠标单击而言不是透明的。如何在不将整个文本转换成超链接的情况下使鼠标的文本对象透明?