Fix fabricjs Анимационная демонстрация

Question

Я новичок в fabricjs. Я ожидаю нарисовать линию с кругом, двигающимся по ней.

Я нашел это Demo весьма полезным, но я понятия не имею, почему кресты не оживляют. Я думаю, что они должны изменить свой размер.

Так может кто-нибудь сказать мне, как исправить эту демо? Или я ничего не сделал?

Спасибо.

Answer 1

fabricjs 1.7.0 введено object caching. Похоже, что в демонстрации анимации кресты перерисовываются из кеша, поэтому они не обновляются. Для быстрого и грязного решения, если вы отключите кеширование (установив objectCaching на false) на уровне объекта, демонстрация снова работает. Кроме того, вы можете установить флаг dirty на каждом объекте, чтобы он знал, что объект изменился. Например, в тайм-аут от демо, просто изменить его немного:

canvas.forEachObject(function(obj){ 
    obj.animateWidthHeight(); 
    obj.dirty = true; 
}); 

http://jsfiddle.net/7gvJG/139/