pointer-events

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>