Paperjs：仅绘制更改的项目

Question

我正在做一个项目，其中通常有数千个项目是用 paperjs 绘制的。这非常慢，因为 paperjs 正在重绘每个项目，即使它们没有改变。有没有办法避免这种情况？

我发现 this helpful paperjs fork 确实解决了这个问题，但它似乎不再维护，并且存在一些无法正确清除项目的问题。

只是想知道是否有一个“合适的”内置 paperjs 解决方案我还没有找到，或者我只需要制作自己的 fork。

要创建我正在使用的项目：

new Path.Rectangle(start, values.blockSize);

然后只是稍后更改它的颜色。

Here's a fiddle 这样你就可以看到它在高网格尺寸下有多慢

谢谢

Answer 1

我认为我的叉子可以帮助你。我应该提供文件。 Here 是我解释我所做的更改以及它是如何工作的线程（应该可以将这些更改与最新的 paper.js 合并）。

还有两个例子：persistance（渐进式淡出）和benchmark（单击并按空格查看区别）。代码是图纸目录中的here，但我不确定你能不能看到。