Заметки на полях: Fabricjs и изменение размера текста

Здравствуйте!

При работе с прекрасной javascript библиотекой fabricjs, мне встретилась одна особенность при изменении размера текста.

Если у вас текстовый блок (объект) имеет например размер шрифта 15px и вы решили изменить его размер на 200px и сделали это таким образом

object.fontSize = 200;

То обнаружите, что область за которую можно хватать объект и перетаскивать осталась прежней, хотя сам объект стал гораздо больше и рамка вокруг него стала тоже больше. И если нажать мышкой в области, где курсор не переходит в перетаскиваемый вид, сработает событие selection:cleared и выделение объекта снимется (если у вас не запрограммировано чего-то еще).

А вот, если размер шрифта задать вот так

object.set(‘fontSize’, 200);

то область захвата для перетаскивания будет по всей области внутри рамки.

Такое поведение связано скорее всего с тем, что в первом случае мы напрямую передаем объекту значение, а во втором через функцию и в этой функции уже навешиваются все обработчики событий и т.д.

Буду рад, если вам помогла эта заметка. До свидания.