我正在对SVG编辑进行修改,这是一个在线SVG编辑器:https://code.google.com/p/svg-edit/
我允许我的用户仅在填充设置为“无”的情况下绘制形状。
但是现在我希望当我的用户绘制这些形状时,允许它们将鼠标悬停在形状上并显示有关它们的一些信息。当形状“隐藏”某些其他形状时,虽然它们是可见的,因为填充设置为无,但是它们是不可点燃的,因为顶部形状的填充实际上存在,但它只是不可见。
有没有办法让形状填充“点击透明”除了只有视觉透明?
答案 0 :(得分:2)
通过pointer-events属性可以控制形状的哪些部分对鼠标事件做出反应。
答案 1 :(得分:1)
是的,有办法:
在css中添加你的svg pointer-events: none;
以及set pointer-events: fill
里面的多边形或路径,这会使空白空间透明,但填充的形状不透明,我在codepen中做了一个例子: