在路径上设置笔划和阴影会导致平均操作大幅下降

时间:2014-02-05 11:20:33

标签: performance html5-canvas kineticjs

我使用KineticJS 4.7在路径的笔触和阴影设置上运行了一些测试用例。 他们可以在这里找到:http://jsperf.com/pathshadow 它表明,在路径上设置笔划和阴影会导致操作次数下降近100%。我使用Chrome 32.0.1700运行测试。 有什么想法来改善这些结果吗? 感谢

1 个答案:

答案 0 :(得分:0)

正如@Philipp所说,阴影是一种昂贵的操作。

如果您需要移动或复制昂贵的阴影路径,可以考虑将其转换为图像对象。

var pathImage=myPath.toImage();

var myPathImage=new Kinetic.Image({image:pathImage, ...});

这样后续的移动/复制并不昂贵,因为阴影保存在图像中。