css3属性，功能：指定在某种情况下，某个特定的图形元素成为鼠标的target
元素可用值
- auto，默认值，当元素A被元素B遮挡，鼠标的所有操作将被元素B获取
- none，当元素A被元素B遮挡，鼠标的所有操作将穿透元素B
SVG可用值
SVG 是矢量图
- all，只有鼠标在元素边界或者内部的时候，元素才会成为鼠标的目标
- fill，只有鼠标在元素内部的时候，元素才会成为鼠标的目标
- stroke，只有鼠标在元素边界的时候，元素才会成为鼠标的目标
- 还有很多属性，但是不常用
在HTML中使用SVG
// 使用路径引入
<object data="SVG地址" type="images/svg+xml"></object>
// 利用 h5 元素
<embed src="SVG地址" type="images/svg+xml" />
<iframe src="SVG地址"></iframe>
// 直接在HTML嵌入SVG代码
// 具体 SVG 如何写，还需要查阅文档
<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
<circle cx="100" cy="50" r="40" stroke="black" stroke-width="2" fill="red" />
</svg>
网友评论