EaselJS 缓存文本对象
EaselJS cache Text object
我需要一些有关使用 EaselJS 库缓存 Text 对象的帮助。
我从来没有完全理解缓存是如何工作的，我一定是遗漏了一些非常基本的东西，因为我似乎无法让它工作。
举下面这个简单的例子。
this.label.cache(this.label.x, this.label.y, rec.width, rec.height);
https://jsfiddle.net/xnqcjsg8/
如果您注释缓存文本对象的行，那么它会正确显示。否则你在舞台上什么也看不到。
我知道我可以而且应该缓存文本对象，因为它们的渲染成本很高，但我不知道如何缓存。
感谢任何帮助，提前致谢！
缓存是相对于对象的，所以如果你在x/y上移动对象，你不必更新缓存。此外，当您调整对齐方式时，边界将具有 x 和 y 属性，这将是左上角与注册点的偏移量。
这是一个更新 fiddle：
https://jsfiddle.net/xnqcjsg8/1/
这是新的缓存功能。如果你用 [0,0] 分出 x 和 y，你可以看到它是如何根据对齐方式裁剪的。
this.label.cache(rec.x, rec.y, rec.width, rec.height);
我也稍微简化了你的fiddle。
我需要一些有关使用 EaselJS 库缓存 Text 对象的帮助。
我从来没有完全理解缓存是如何工作的，我一定是遗漏了一些非常基本的东西，因为我似乎无法让它工作。
举下面这个简单的例子。
this.label.cache(this.label.x, this.label.y, rec.width, rec.height);
https://jsfiddle.net/xnqcjsg8/
如果您注释缓存文本对象的行，那么它会正确显示。否则你在舞台上什么也看不到。
我知道我可以而且应该缓存文本对象，因为它们的渲染成本很高，但我不知道如何缓存。
感谢任何帮助，提前致谢！
缓存是相对于对象的，所以如果你在x/y上移动对象，你不必更新缓存。此外，当您调整对齐方式时，边界将具有 x 和 y 属性，这将是左上角与注册点的偏移量。
这是一个更新 fiddle： https://jsfiddle.net/xnqcjsg8/1/
这是新的缓存功能。如果你用 [0,0] 分出 x 和 y，你可以看到它是如何根据对齐方式裁剪的。
this.label.cache(rec.x, rec.y, rec.width, rec.height);
我也稍微简化了你的fiddle。