EaselJS缓存文本对象

时间:2015-05-21 15:21:25

标签: caching rendering easeljs createjs

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

我从未完全理解缓存是如何工作的,而且我必须遗漏一些非常基础的东西,因为我似乎无法使其工作。

采用以下simle示例。

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

https://jsfiddle.net/xnqcjsg8/

如果您对缓存Text对象的行进行注释,则会正确显示该对象。否则你在舞台上看不到任何东西。

我知道我可以而且应该缓存文本对象,因为它们的渲染成本很高,但我无法弄清楚如何。

任何帮助表示感谢,提前谢谢!

1 个答案:

答案 0 :(得分:3)

缓存是相对于对象的,因此如果您在x / y上移动对象,则不必更新缓存。此外,当您调整对齐时,边界将具有xy属性,该属性将是注册点左上角的偏移量。

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

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

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

我也简化了你的小提琴。