在svg中的两个对象之间创建线条

如何在两个对象之间创建线条/路径。路径/线的起点和终点不应该在相应对象的中心开始/结束。下面我附上示例的截图。我需要计算逻辑在任何位置找到红线。黑线是错误的。在svg中的两个对象之间创建线条

它纯粹是基于SVG不HTML元素。

在此先感谢

2016-09-29 Vijay Baskaran

你并不需要为SVG做到这一点，只是改变对象的顺序。对于规则svg，我使用[raphael.js]（http://dmitrybaranovskiy.github.io/raphael/）。它具有函数'el.insertAfter（）; el.insertBefore（）; el.toBack（）; el.toFront（）;'用于控制对象的顺序。 – imbearr

谢谢@imbearr。没有任何图书馆有什么办法可以做？ –

刚刚读过/追加你想要的东西到它的父母我认为（例如obj 1＆3），这将把它们放在DOM中，所以这行会出现在这些对象的后面。 – Ian

我找到了解决方案，没有使用基于给定的下面的URL的任何库。

URL 1：How to find the intersection point between a line and rectangel

URL 2：Calculating the intersection of two lines

来源

2016-10-21 04:56:12

在svg中的两个对象之间创建线条

回答

相关问题