拉斐尔透明元素onclick

Posted 2023-03-28

【中文标题】拉斐尔透明元素onclick

【英文标题】：Raphael transparent element onclick

【发布时间】：2017-03-24 10:45:58

【问题描述】：

如何使 Raphael 中的透明元素的填充可点击？在为元素（例如矩形）指定填充：“无”后，只有一个框架是可点击的。我需要填写 fill:"none" 以使之前图层中的其他元素可见。

【参考方案1】：

在 SVG 中，您通常会使用 pointer-events，但 Raphael 不支持它们（因为在 VML 中没有等价物）。在 Raphael 中实现可点击透明填充的方法是使用透明填充指定零透明度的填充，即 fill: "rgba(0,0,0,0)" 或指定任何填充然后 fill-transparency: 0。