javascript - SVG-edit 中 SVG 路径的空填充和不可点击填充

标签 javascript svg jquery-svg svg-edit

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

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

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

除了视觉上透明之外,是否有任何方法可以使填充的形状“点击透明”?

最佳答案

可以通过 pointer-events 控制形状的哪些部分对鼠标事件作出 react 。属性(property)。

关于javascript - SVG-edit 中 SVG 路径的空填充和不可点击填充,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15717970/

相关文章:

javascript - 仅在 firefox 中悬停时 SVG 怪异行为 - svg-jquery。

svg - 在D3.js中实时绘制线条

javascript - 单击按钮后更改 .innerHTML

c# - 如何检索项目的完整 url

css - 无法理解 viewbox 如何与 svg 一起工作而不提及视口(viewport),即高度和宽度

css - PDF 到 HTML 转换

javascript - 创建一个模板部分中没有任何内容的 Vue.JS 组件

javascript - 追加错误动态表

image - 比较两个矢量图

javascript - 使用 jQuery 正确更改 SVG 线坐标