Snap.svg未设置圆的新位置坐标。 (附例)

时间:2014-05-23 14:30:31

标签: javascript svg snap.svg

示例:http://codepen.io/heroheman/pen/thdBH

您好, 我有这个盒装路径,它每秒都会改变它的角点。我也有4个图标应该在盒子的角落。 两者都基于一个数组,重新计算点数,并设置新的位置。 但圆圈的位置似乎有某种缩放 - 我尝试了绝对和相对路径(t和T似乎没有区别)。

也许你们其中一个人可以提供帮助!

1 个答案:

答案 0 :(得分:1)

您需要考虑圆圈中心的偏移量...

如果你看看' bubble'例如,它的cx,rx属性是113,101.6

理想情况下,气泡的变换在逻辑上是(新变换 - 原始位置)

't' + ( boxCoords[4] - 113 )  + ',' + (boxCoords[5] - 101.6 )

您可以在数组或对象中对其进行硬编码。或者如果有很多图标,可能你可以抓住图标各自的圆形元素,并获得它的element.attr(' cx')值(如果是矩形则为x,如果是任意的则为前一个变换)形状,或在它上面做一个getBBox()来获得它的中心)。