在SVG编辑中清空和不可点击填充SVG路径

时间:2013-03-30 11:23:39

标签: javascript svg jquery-svg svg-edit

我正在对SVG编辑进行修改,这是一个在线SVG编辑器:https://code.google.com/p/svg-edit/

我允许我的用户仅在填充设置为“无”的情况下绘制形状。

但是现在我希望当我的用户绘制这些形状时,允许它们将鼠标悬停在形状上并显示有关它们的一些信息。当形状“隐藏”某些其他形状时,虽然它们是可见的,因为填充设置为无,但是它们是不可点燃的,因为顶部形状的填充实际上存在,但它只是不可见。

有没有办法让形状填充“点击透明”除了只有视觉透明?

2 个答案:

答案 0 :(得分:2)

通过pointer-events属性可以控制形状的哪些部分对鼠标事件做出反应。

答案 1 :(得分:1)

是的,有办法:

在css中添加你的svg pointer-events: none;以及set pointer-events: fill里面的多边形或路径,这会使空白空间透明,但填充的形状不透明,我在codepen中做了一个例子:

http://codepen.io/jesuscmd/pen/EyEyoP