将非组形状交织成一组

时间:2013-10-08 19:53:44

标签: kineticjs

我正在开发一个绘图应用程序,它允许用户在画布上放置符号,然后将这些符号互连。

我通过扩展kinetic.circle来扩展Kenitic.group和Connector来定义符号。所以我可以用红色正方形定义一个符号,然后在红色正方形的中间定义一个连接符。用户可以放置多个这些符号,然后在连接“模式”中单击符号的连接器开始从连接器中绘制一条线。单击第二个符号的连接器,这是建立的连接。

这适用于一个连接,但当我返回进行第二次连接时,连接器圆圈被线路(连接)覆盖,因此无法点击热点。如果我可以在连接完成后将线(连接)放在圆圈(连接器)下,那将是一个更好的解决方案。

kenitic.group全部在一层上。因此,要在圆圈下交错线条,我必须将圆圈从群组中取出。然后移动符号会很麻烦,因为符号的连接符不会随符号移动。

我想知道有没有人有任何聪明的解决方案?

1 个答案:

答案 0 :(得分:0)

我刚刚想到使用三角函数来重新计算直线的终点,使其短于圆圈。