svg pointer-events

SVG中的pointer-events属性可以控制元素在何种情况下可以成为鼠标事件的目标。该属性有以下取值：

1. visiblePainted：元素是可见的，且在它上面绘制的图形也可以成为鼠标事件的目标。
2. visibleFill：元素是可见的，且在它上面绘制的填充区域可以成为鼠标事件的目标。
3. visibleStroke：元素是可见的，且在它上面绘制的描边区域可以成为鼠标事件的目标。
4. visible：元素是可见的，但不绘制任何图形，因此它本身可以成为鼠标事件的目标。
5. painted：元素在渲染时会绘制图形，因此它本身可以成为鼠标事件的目标。
6. fill：元素在渲染时会绘制填充区域，因此它上面的填充区域可以成为鼠标事件的目标。
7. stroke：元素在渲染时会绘制描边区域，因此它上面的描边区域可以成为鼠标事件的目标。
8. all：元素上面的所有区域都可以成为鼠标事件的目标。
9. none：元素上面的任何区域都不可以成为鼠标事件的目标。

以下是一个示例，展示如何在SVG中使用pointer-events属性：

<svg width="100" height="100">
  <rect x="10" y="10" width="80" height="80" fill="red" stroke="black" stroke-width="2" pointer-events="visiblePainted"/>
</svg>

在上面的示例中，矩形元素的pointer-events属性被设置为visiblePainted，因此它本身和上面绘制的图形都可以成为鼠标事件的目标。