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

Question

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

Answer 1

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

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

var pathImage=myPath.toImage();

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

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