从同一文档引用SVG游标

时间:2016-01-07 12:21:15

标签: url svg cursor

我想在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" />

但无济于事。

如何引用同一文档中定义的这种游标?

0 个答案:

没有答案