在Raphael.js中使用Raphael.transformPath或Element.transform()会更高效吗?

时间:2014-01-02 19:15:04

标签: javascript svg raphael

我正在开发一个基于SVG的Web应用程序,它有许多需要在SVG画布上移动的SVG元素。转换SVG元素时,从性能角度来看,使用Raphael.JS的Raphael.transformPathElement.transform是否更快?

1 个答案:

答案 0 :(得分:1)

毫无疑问,Element.transformRaphael.transformPath快数百倍。我相信这是因为Raphael.transformPath执行的字符串操作可能需要相当长的时间,特别是对于更长,更复杂的路径。 Element.transform仅将属性应用于相应的SVG元素,并让浏览器执行繁重的工作。这里有一个jsPerf:http://jsperf.com/raphaeljs-transformpath-vs-svg-transforms