如何使用SVG <cursor>元素

时间:2019-06-18 09:15:39

标签: html svg

我最近偶然发现了SVG“光标”元素,并认为我可以尝试一下,以替代css-cursor。但是我很难让它工作。我正在使用此代码(由于指定的方法无效,因此是非标准方法):

<svg height="555" width="555"  xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1">
<defs>
<cursor id="cur" x="0" y="0" xlink:href="https://www.iconsdb.com/icons/preview/black/cursor-xxl.png" />
</defs>
    <rect cursor="url(#cur)" width="300" height="300" fill="blue"/>
</svg>

我之前也尝试过此操作

<svg height="555" width="555"  xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1">

<cursor x="0" y="0" xlink:href="https://www.iconsdb.com/icons/preview/black/cursor-xxl.png" />
</svg>

...完全符合3wschools规范: https://www.w3schools.com/graphics/svg_reference.asp

似乎没有任何作用,在Firefox中,有什么想法吗? 我还注意到,根据w3schools.com,超链接可能直接在svg元素内定义,但似乎Firefox仅支持svg元素内的a超链接,严格来说,这是不得用于svg中的超链接。

0 个答案:

没有答案