Raphael - 如何通过边界框选择路径？答案

【问题标题】：Raphael - how to select path by bounding box?Raphael - 如何通过边界框选择路径？
【发布时间】：2011-11-29 20:15:42
【问题描述】：

我是 svg 和 raphael.js 的新手。我的任务是制作一个交互式图表——用户单击/触摸一条线，然后空间打开以显示一些文本元素。我有这个工作，但这条线是一个非常小的目标。

有没有办法让用户点击边界框而不是路径？我看到了 getBBox()，但不知道如何将其用于此目的。

【问题讨论】：

标签： svg raphael

【解决方案1】：

您可以做的一件事是克隆您的路径，将其推回您感兴趣的行后面，更改属性使其更粗且几乎完全透明，然后将您的事件处理程序放在该行上。

类似this

你当然得把它清理干净……

【讨论】：

【解决方案2】：

在这条线的后面画一条相同背景颜色的粗线，并将其用作目标。

【讨论】：

【解决方案3】：

您可以在要捕获鼠标事件的元素上使用pointer-events="boundingBox"。请参阅SVG Tiny 1.2 spec。

这是example。

不幸的是，我认为大多数浏览器还不支持它。 Opera 可以。

【讨论】：