在Raphael中,甚至在SVG中,一般情况下,变换是否需要较少的CPU然后手动重新定位?

时间:2015-02-12 22:37:42

标签: svg raphael

我试图弄清楚在raphael中使用变换与手动移动对象有什么影响。

例如,这是一个圆圈。

circ = Paper.circle(0,0,5)

现在我可以通过两种方式移动圆圈。

1. circ.transform(['t',5,0])
2. circ.attr("x",5)

一个优于另一个 CPU-wise

与轮换相同的问题。这是一个矩形(路径):

pathRect=paper.path(['m',0,0,'l'10,0,10,10,0,10,'z'])

我想将它旋转45度。我可以用两种方式做到:

1. pathRect.transform(['r',45])
2. calculating the position of the four corners using this formula:
    pointOnCircleByAngle = function (cx,cy,r,angle) {
    x=cx + (r * Math.cos(mathUtils.rad(angle)))
    y=cy + (r * Math.sin(mathUtils.rad(angle)))
    return {x:x,y:y}

正如svg参考文献中所提到的,这是用于旋转的公式,所以使用变换只是一种用更少的代码实现相同目标的方法,或者它是否具有其他好处节省CPU /处理能力

谢谢:)

0 个答案:

没有答案