Fabric.js

По принцип, Fabric.js може да се използва в продължение на около всеки HTML5 манипулация платно, подобно на живо рисуване, добавяйки обекти, вносител SVG изображения, редактиране и обработка на форми и др ..

От началото на тази функционалност, вероятно толкова важно, вградената SVG-да-платно анализатор също позволява на разработчиците лесно да мигрират те са предварително вградени SVG графики в HTML 5 платно.

Това осигурява повече контрол върху тези графики, разработчиците достъп не са имали, докато са били в SVG формат.

В по-сложни термини Fabric.js може да се разглежда като интерактивна обектно-модел построен на върха на HTML 5 платно елемент, точно като на DOM е за HTML страници.

Fabric.js работи и с двете от страна на клиента (браузъри) и от страна на сървъра (Node.js) среди.

Какво ново в тази версия

• НАЗАД несъвместимости:
• JSON и Cufon вече не са включени в неизпълнение строителство
• Change подразбиране обекти "originX / originY наляво / отгоре
• fabric.StaticCanvas # backgroundImage и fabric.StaticCanvas # overlayImage са fabric.Image инстанции. fabric.StaticCanvas # backgroundImageOpacity, fabric.StaticCanvas # backgroundImageStretch, fabric.StaticCanvas # overlayImageLeft и fabric.StaticCanvas # overlayImageTop бяха отстранени.
• fabric.Text # backgroundColor сега fabric.Object # backgroundColor
• Премахване fabric.Object # toGrayscale и fabric.Object # overlayFill, тъй като те са твърде специфични
• Премахване fabric.StaticCanvas.toGrayscale тъй като ние вече имаме тази логика в fabric.Image.filters.Grayscale.
• Split centerTransform в свойствата centeredScaling и centeredRotation. Въртене Object сега се случва около originX / originY точка ОСВЕН centeredRotation = вярно. Object мащабиране сега се случва нецентрирана ОСВЕН centeredScaling = вярно.

Какво ново във версия 1.5.0:

• НАЗАД несъвместимости:
• JSON и Cufon вече не са включени в неизпълнение строителство
• Change подразбиране обекти "originX / originY наляво / отгоре
• fabric.StaticCanvas # backgroundImage и fabric.StaticCanvas # overlayImage са fabric.Image инстанции. fabric.StaticCanvas # backgroundImageOpacity, fabric.StaticCanvas # backgroundImageStretch, fabric.StaticCanvas # overlayImageLeft и fabric.StaticCanvas # overlayImageTop бяха отстранени.
• fabric.Text # backgroundColor сега fabric.Object # backgroundColor
• Премахване fabric.Object # toGrayscale и fabric.Object # overlayFill, тъй като те са твърде специфични
• Премахване fabric.StaticCanvas.toGrayscale тъй като ние вече имаме тази логика в fabric.Image.filters.Grayscale.
• Split centerTransform в свойствата centeredScaling и centeredRotation. Въртене Object сега се случва около originX / originY точка ОСВЕН centeredRotation = вярно. Object мащабиране сега се случва нецентрирана ОСВЕН centeredScaling = вярно.

Какво ново във версия 1.4.13:

• НАЗАД несъвместимости:
• JSON и Cufon вече не са включени в неизпълнение строителство
• Change подразбиране обекти "originX / originY наляво / отгоре
• fabric.StaticCanvas # backgroundImage и fabric.StaticCanvas # overlayImage са fabric.Image инстанции. fabric.StaticCanvas # backgroundImageOpacity, fabric.StaticCanvas # backgroundImageStretch, fabric.StaticCanvas # overlayImageLeft и fabric.StaticCanvas # overlayImageTop бяха отстранени.
• fabric.Text # backgroundColor сега fabric.Object # backgroundColor
• Премахване fabric.Object # toGrayscale и fabric.Object # overlayFill, тъй като те са твърде специфични
• Премахване fabric.StaticCanvas.toGrayscale тъй като ние вече имаме тази логика в fabric.Image.filters.Grayscale.
• Split centerTransform в свойствата centeredScaling и centeredRotation. Въртене Object сега се случва около originX / originY точка ОСВЕН centeredRotation = вярно. Object мащабиране сега се случва нецентрирана ОСВЕН centeredScaling = вярно.

<силни> Какво е новото във версия 1.3.0:

<> <ул Li> премахнете избираеми, hasControls, hasBorders, hasRotatingPoint, transparentCorners , perPixelTargetFind от неизпълнение обект / JSON представителство на обекти.

Какво ново във версия 1.2.0:.

• Направи fabric.Object # toDataURL синхронна
• fabric.Text # strokeStyle - & # x3e; fabric.Text # инсулт, за съгласуваност с други обекти.
• fabric.Object.setActive (...) - & # x3e; fabric.Object.set ("активни", ...). fabric.Object.isActive е отишъл (използвайте fabric.Object.active вместо).

<> силни Изисквания

• JavaScript поддръжка на клиентска страна
• Node.js 0.6 или по-висока за страната на сървъра среда