cursor
<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 |