Javascript 使用Snap.svg缩放多边形

Javascript 使用Snap.svg缩放多边形,javascript,jquery,svg,jquery-animate,snap.svg,Javascript,Jquery,Svg,Jquery Animate,Snap.svg,我在下面创建了一个多边形: var s = Snap('#test'); var polygon = s.polyline(200, 286, 250, 200, 350, 200, 400, 286, 350, 373, 250, 373); polygon.scale(2, 2); 如何使多边形缩放?我希望它从中心增长到两倍大小。您可以对其应用变换 var polygon = s.polyline(200, 286, 250, 200, 350, 200, 400, 286, 350,

我在下面创建了一个多边形:

var s = Snap('#test');

var polygon = s.polyline(200, 286, 250, 200, 350, 200, 400, 286, 350, 373, 250, 373);

polygon.scale(2, 2);

如何使多边形缩放?我希望它从中心增长到两倍大小。

您可以对其应用变换

var polygon = s.polyline(200, 286, 250, 200, 350, 200, 400, 286, 350, 373, 250, 373);
polygon.transform('s2')
在这种情况下,“s”表示比例,t和r表示平移和旋转。您还可以为其指定x、y比例量,以及要从中缩放的中心点。所以你可以

polygon.transform('s2,3,100,100') 
以100100为中心缩放x x 2,y x 3


如果需要,您可以阅读本文以了解有关变换字符串的更多详细信息。

您可以通过更改多尺度值来更改尺度值

var s=捕捉“测试”, tl=新的时间线最大值, 多尺度=2;//控制 var polygon=s.polyline200、286、250、200、350、200、400、286、350、373、250、373; attr{fill:'red',class:'myPolygon'}; //多边形2,2; tl.set.myPolygon{ 转换原点:“中心”, 尺度:多尺度 };