SVG/Raphael:通过给定点的所有路径?
我正在使用 RaphaelJS 来实现一些事件较多的 SVG。我在画布上有一组路径和一个点。我怎样才能获得穿过该点的所有路径?这方面相对较新,但我认为这很微不足道,而且我找不到任何相关信息。
如果有帮助,具体的实现将尝试检测 mousedown 事件是否单击了路径,以便我可以围绕 mousemove 上的另一个点旋转它。
I'm using RaphaelJS to implement some event-heavy SVG. I have a set of paths on a canvas, and a point. How can I get all the paths that cross that point? Relatively new at this, but I assumed this would be trivial and I can't find anything about it.
If it helps, the specific implementation is trying to detect on the mousedown event if I've clicked on a path so I can rotate it around another point onmousemove.
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
不幸的是,我不知道有一种可移植的(支持 raphael 的 SVG 和 VML 后端)方法来做到这一点,而无需自己实现数学。但是,对于支持 SVG 的浏览器,SVG 规范包含对您所请求的内容的内置支持:
http://www.w3.org/TR/SVG/struct.html#_svg_SVGSVGElement__getIntersectionList
Unfortunately, I'm not aware of a portable (supporting both the SVG and VML backends of raphael) way to do this without implementing the math yourself. However, for browsers that support SVG, the SVG spec includes built-in support for exactly what you are requesting:
http://www.w3.org/TR/SVG/struct.html#_svg_SVGSVGElement__getIntersectionList
向量是数学。找出直线的方程,看看该点是否满足方程。
Vector is math. Find the equations of the lines and see if the point fulfill the equation.