kangax Jan 28 2013 at 15:50

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

13 min

25K

Canvas*HTML*JavaScript*

+25

Comments 12

Davert Jan 28 2013 at 15:53

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

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

Yanovsky Jan 28 2013 at 21:34

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

alvik48 Jan 29 2013 at 12: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 Jan 29 2013 at 13:00

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

UFO just landed and posted this here

kangax Jan 29 2013 at 19:10

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

Keyten Jan 29 2013 at 15:21

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