Fabric.js

Basies, Fabric.js kan gebruik word vir enige HTML5 doek oor manipulasie, soos live tekening, en voeg voorwerpe, invoer SVG beelde, redigering en verwerking vorms, ens ..

Op die top van hierdie funksie, waarskynlik net so belangrik, die ingeboude SVG-tot-doek parser kan ook ontwikkelaars om maklik migreer hulle voorheen gebou SVG grafika in HTML 5 doek.

Dit verseker meer beheer oor hierdie grafiese, het toegang ontwikkelaars nie, terwyl hulle in SVG-formaat was.

In meer komplekse terme Fabric.js kan beskou word as 'n interaktiewe voorwerp-model gebou op die top van HTML 5 doek element, net soos die DOM is vir Html bladsye.

Fabric.js werk met beide kliënt-kant (blaaiers) en bediener-kant (Node.js) omgewings.

Wat is nuut in hierdie release :

• TERUG onverenigbaarheid:
• into en Cufon word nie meer ingesluit in die standaard bou
• Change verstek voorwerpe 'originX / originY na / links bo
• fabric.StaticCanvas # backgroundImage en fabric.StaticCanvas # overlayImage is fabric.Image gevalle. fabric.StaticCanvas # backgroundImageOpacity, fabric.StaticCanvas # backgroundImageStretch, fabric.StaticCanvas # overlayImageLeft en fabric.StaticCanvas # overlayImageTop verwyder.
• fabric.Text # agtergrondkleur is nou fabric.Object # agtergrondkleur
• Verwyder fabric.Object # toGrayscale en fabric.Object # overlayFill sedert hulle is te spesifiek
• Verwyder fabric.StaticCanvas.toGrayscale want ons het reeds dat logika in fabric.Image.filters.Grayscale.
• Split centerTransform in die eienskappe centeredScaling en centeredRotation. Voorwerp rotasie gebeur nou rondom originX / originY punt TENSY centeredRotation = true. Voorwerp skalering gebeur nou nie-gesentreerde TENSY centeredScaling = true.

Wat is nuut in die weergawe 1.5.0:

• TERUG onverenigbaarheid:
• into en Cufon word nie meer ingesluit in die standaard bou
• Change verstek voorwerpe 'originX / originY na / links bo
• fabric.StaticCanvas # backgroundImage en fabric.StaticCanvas # overlayImage is fabric.Image gevalle. fabric.StaticCanvas # backgroundImageOpacity, fabric.StaticCanvas # backgroundImageStretch, fabric.StaticCanvas # overlayImageLeft en fabric.StaticCanvas # overlayImageTop verwyder.
• fabric.Text # agtergrondkleur is nou fabric.Object # agtergrondkleur
• Verwyder fabric.Object # toGrayscale en fabric.Object # overlayFill sedert hulle is te spesifiek
• Verwyder fabric.StaticCanvas.toGrayscale want ons het reeds dat logika in fabric.Image.filters.Grayscale.
• Split centerTransform in die eienskappe centeredScaling en centeredRotation. Voorwerp rotasie gebeur nou rondom originX / originY punt TENSY centeredRotation = true. Voorwerp skalering gebeur nou nie-gesentreerde TENSY centeredScaling = true.

Wat is nuut in die weergawe 1.4.13:

• TERUG onverenigbaarheid:
• into en Cufon word nie meer ingesluit in die standaard bou
• Change verstek voorwerpe 'originX / originY na / links bo
• fabric.StaticCanvas # backgroundImage en fabric.StaticCanvas # overlayImage is fabric.Image gevalle. fabric.StaticCanvas # backgroundImageOpacity, fabric.StaticCanvas # backgroundImageStretch, fabric.StaticCanvas # overlayImageLeft en fabric.StaticCanvas # overlayImageTop verwyder.
• fabric.Text # agtergrondkleur is nou fabric.Object # agtergrondkleur
• Verwyder fabric.Object # toGrayscale en fabric.Object # overlayFill sedert hulle is te spesifiek
• Verwyder fabric.StaticCanvas.toGrayscale want ons het reeds dat logika in fabric.Image.filters.Grayscale.
• Split centerTransform in die eienskappe centeredScaling en centeredRotation. Voorwerp rotasie gebeur nou rondom originX / originY punt TENSY centeredRotation = true. Voorwerp skalering gebeur nou nie-gesentreerde TENSY centeredScaling = true.

Wat is nuut in die weergawe 1.3.0:

• Verwyder kies, hasControls, hasBorders, hasRotatingPoint, transparentCorners , perPixelTargetFind van verstek voorwerp / into voorstelling van voorwerpe.
• Object rotasie gebeur nou rondom originX / originY punt TENSY centerTransform = true.
• fabric.Text # textShadow verwyder -. nuwe fabric.Text.shadow eiendom (tipe fabric.Shadow)
• fabric.BaseBrush skaduwee eiendomme gekombineer in een eiendom = & # x3e; fabric.BaseBrush.shadow (shadowColor, shadowBlur, shadowOffsetX, shadowOffsetY nie meer bestaan ​​nie).
• fabric.Path.fromObject is nou async. fabric.Canvas # loadFromDatalessJSON is afgekeur.

Wat is nuut in die weergawe 1.2.0:.

• Maak fabric.Object # toDataURL sinchrone
• fabric.Text # strokeStyle - & # x3e; fabric.Text # beroerte, vir konsekwentheid met ander voorwerpe.
• fabric.Object.setActive (...) - & # x3e; fabric.Object.set ('aktiewe', ...). fabric.Object.isActive is weg (gebruik fabric.Object.active plaas).

Vereistes :

• JavaScript enabled op die kliënt kant
• Node.js 0,6 of hoër bediener-kant omgewings