kangax 28 янв 2013 в 11:50

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

13 мин

26K

Canvas * HTML * JavaScript *

+25

Комментарии 12

Davert 28 янв 2013 в 11:53

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

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

Yanovsky 28 янв 2013 в 17:34

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

alvik48 29 янв 2013 в 08:43

Начинаю знакомиться с вашей библиотекой. Дошел до анимаций, сразу возник вопрос: для одновременной смены нескольких свойств обязательно необходимо вызывать метод .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 29 янв 2013 в 09:00

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

НЛО прилетело и опубликовало эту надпись здесь

kangax 29 янв 2013 в 15:10

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

Keyten 29 янв 2013 в 11:21

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