Performance 在路径上设置笔划和阴影会导致平均操作的急剧下降

Performance 在路径上设置笔划和阴影会导致平均操作的急剧下降,performance,html5-canvas,kineticjs,Performance,Html5 Canvas,Kineticjs,我已经使用KineticJS4.7在path的笔划和阴影设置上运行了一些测试用例。 它们可以在这里找到: 它表明,在路径上设置笔划和阴影会导致操作数下降近100%。我使用Chrome32.0.1700运行测试。 有没有改进这些结果的想法? 谢谢正如@Philipp所说,阴影是一项昂贵的操作 如果需要移动或复制昂贵的阴影路径,可以考虑将其转换成图像对象。 var pathImage=myPath.toImage(); var myPathImage=new Kinetic.Image({imag

我已经使用KineticJS4.7在path的笔划和阴影设置上运行了一些测试用例。 它们可以在这里找到: 它表明,在路径上设置笔划和阴影会导致操作数下降近100%。我使用Chrome32.0.1700运行测试。 有没有改进这些结果的想法?
谢谢

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

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

var pathImage=myPath.toImage();

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

这样,后续的移动/复制成本就不会太高,因为阴影会保存在图像中。

kineticJS 5.0.1也会有相同的结果,那么您不使用阴影了吗?这是一个昂贵的功能。谢谢你的回答,我不知道这是可能的。我选择了制作一个所有阴影的PNG,现在很酷。