Знакомимся с Fabric.js. Часть 2-я

[Davert]

Спасибо за статью!

Если кому интересно, вот небольшое сравнение FabricJS и его альтернатив.
jster.net/blog/brief-overview-of-html5-canvas-libraries

[Yanovsky]

Спасибо за библиотеку и активную помощь в гугл группах.

[alvik48]

Начинаю знакомиться с вашей библиотекой. Дошел до анимаций, сразу возник вопрос: для одновременной смены нескольких свойств обязательно необходимо вызывать метод .animate() несколько раз подряд или можно в одном вызове указать весь набор изменяемых параметров? Как я понял, сейчас можно делать так:

canvas.item(0).animate('left', 788, { 
  duration: 1000,
  onChange: canvas.renderAll.bind(canvas)
 }).animate('top', 396, { 
    duration: 1000,
    onChange: canvas.renderAll.bind(canvas)
});

А хочется чего-то такого:

canvas.item(0).animate({
  'left': 788,
  'top': 396
}, { 
  duration: 1000,
  onChange: canvas.renderAll.bind(canvas)
});

[alvik48]

Вопрос снят, второй вариант тоже работает. Подключил более новую версию и все заработало.

[kangax]

Да, множественные тени это интересно. Возможно сделаем в будущем :)

[Keyten]

Кстати у вас подчёркивание / перечёркивание текста немножко неправильно реализовано, толщина линии должна зависеть от размера текста. Ну вот примерно как тут: jsfiddle.net/durgesh0000/KabZG/

[kangax]

Да, согласен. Создал тикет — github.com/kangax/fabric.js/issues/404 Спасибо!

[Polosatyi]

В следующей статье вы напишите про поддержку cufon-шрифтов? Использовал вашу библиотеку, почему-то не каждый cufon-шрифт удается подключить.

[kangax]

А почему вы используете Cufon а не родные методы? Cufon имеет свои проблемы поэтому мы его уже довольно давно сделали «deprecated».

[Kentzo]

Как вы так классно реализовали ресайз повернутых объектов? Буду очень благодарен за ссылку в код.

[kangax]

github.com/kangax/fabric.js/blob/master/src/canvas.class.js#L462-L610