Ключ EaselJS Текстовый объект

Question

Мне нужна помощь в кэшировании Текстовые объекты с использованием библиотеки EaselJS.

Я никогда не понимал, как работает кеширование, и я должен упустить что-то действительно фундаментальное, потому что я не могу заставить его работать.

Принять следующий пример.

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/

Это новая функция кэша. Если вы выберете x и y с [0,0], вы увидите, как он посеял на основе выравнивания.

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

Я также упростил вашу скрипку.