EaselJS 缓存文本对象

Question

我想要一些关于使用 EaselJS 库缓存 Text 对象的帮助。

我从来没有完全理解缓存是如何工作的，而且我一定错过了一些真正基本的东西，因为我似乎无法让它工作。

举个简单的例子。

this.label.cache(this.label.x, this.label.y, rec.width, rec.height);

https://jsfiddle.net/xnqcjsg8/

如果您注释缓存 Text 对象的行，则它会正确显示。否则你在舞台上什么都看不到。

我知道我可以而且应该缓存文本对象，因为它们的渲染成本很高，但我不知道如何。

任何帮助表示赞赏，在此先感谢！

---

Answer 1

缓存是相对于对象的，所以如果在 x/y 上移动对象，就不必更新缓存。此外，当您调整对齐方式时，边界将具有x 和y 属性，这将是左上角与注册点的偏移量。

这是一个更新小提琴： https://jsfiddle.net/xnqcjsg8/1/

这是新的缓存功能。如果您使用 [0,0] 分出 x 和 y，您可以看到它是如何根据对齐方式进行裁剪的。

this.label.cache(rec.x, rec.y, rec.width, rec.height);

我还稍微简化了你的小提琴。