非常教程

SVG参考手册

分类 | Elements

cursor

弃用

该功能已从Web标准中删除。尽管一些浏览器可能仍然支持,但它正在被丢弃。避免使用它并尽可能更新现有的代码; 请参阅本页面底部的兼容性表格来指导您的决定。请注意,此功能可能随时停止工作。

注意:应该使用cursor属性来代替这个元素。

<cursor>SVG元素可用于定义一个与平台无关的自定义光标。定义独立于平台的自定义光标的推荐方法是创建一个PNG图像,并定义一个cursor引用PNG图像的元素,并标识图像内的指针位置(即热点)的确切位置。

建议使用 PNG 格式, 因为它支持通过 alpha 通道定义透明蒙版的功能。如果使用不同的图像格式, 则此格式应支持透明蒙版的定义 (两个选项: 提供显式 alpha 通道或使用特定的像素颜色来指示透明度)。如果可以确定透明蒙版,则掩码定义光标的形状;否则, 游标是一个不透明的矩形。通常, 其他像素信息 (例如, R、g 和 B 通道) 定义了不被遮罩的游标部分的颜色。请注意, 游标通常包含至少两种颜色, 以便光标可以在大多数背景上可见。

用法上下文

分类

没有

允许的内容

任意数量的以下元素,以任何顺序:描述性元素

属性

全局属性

  • Conditional processing attributes
  • Core attributes
  • Xlink attributes
  • externalResourcesRequired

具体属性

  • x
  • y
  • xlink:href

DOM接口

这个元素实现了SVGCursorElement接口。

产品规格

Specification

Status

Comment

Scalable Vector Graphics (SVG) 2The definition of '<cursor>' in that specification.

Candidate Recommendation

Replaced xlink:href by href attribute.

Scalable Vector Graphics (SVG) 1.1 (Second Edition)The definition of '<cursor>' in that specification.

Recommendation

Initial definition

浏览器兼容性

Feature

Chrome

Firefox (Gecko)

Internet Explorer

Opera

Safari

Basic support

1.0

No support

?

No support

3.0

Feature

Android

Chrome for Android

Firefox Mobile (Gecko)

IE Mobile

Opera Mobile

Safari Mobile

Basic support

?

No support

No support

No support

No support

3.0

SVG

可缩放矢量图形是基于可扩展标记语言(标准通用标记语言的子集),用于描述二维矢量图形的一种图形格式。它由万维网联盟制定,是一个开放标准。