我想在SVG文件中使用自定义光标。 光标在与我的文档的其余部分相同的SVG文件中定义:
<body>
<div class = "next-button"></div>
</body>
然后我尝试使用该光标,但无法找到如何引用它:
<defs>
<g id="cursor-symbol">
<circle fill-opacity="0.8" fill="white" r="10.0" cx="10.0" cy="10.0" stroke="black" stroke-width="2.0" stroke-opacity="1"/>
<line y2="20.0" x1="10.0" x2="0.0" transform="rotate(45.0, 10.0, 10.0)" y1="10.0"/>
</g>
</defs>
属性值似乎无效。
我还创建了一个游标元素并尝试使用:
<rect cursor="url(#cursor-symbol)" x="0" y="0" width="100" height="100" />
但无济于事。
如何引用同一文档中定义的这种游标?