Fabric.js

I utgangspunktet Fabric.js kan brukes til omtrent alle HTML5 lerret manipulasjon, som levende tegning, legge til objekter, importere SVG-bilder, redigering og bearbeiding former, osv ..

På toppen av denne funksjonaliteten, sannsynligvis like viktig, den innebygde SVG-to-lerret parser gir også utviklere kan overføre de tidligere bygget SVG-grafikk i HTML 5 lerret.

Dette sikrer mer kontroll over disse grafikk, fikk tilgang utviklerne ikke har mens de var i SVG-format.

I mer komplekse termer Fabric.js kan betraktes som et interaktivt objekt-modell bygget på toppen av HTML 5 canvas-elementet, akkurat som DOM er for HTML-sider.

Fabric.js fungerer med både klientsiden (nettlesere) og server-side (Node.js) miljøer.

Hva er nytt i denne utgivelsen :

• TILBAKE INKOMPATIBEL:
• JSON og Cufon er ikke lenger inkludert i standard build
• Endre standardobjekter 'originX / originY til venstre / topp
• fabric.StaticCanvas # backgroundImage og fabric.StaticCanvas # overlayImage er fabric.Image tilfeller. fabric.StaticCanvas # backgroundImageOpacity, fabric.StaticCanvas # backgroundImageStretch, fabric.StaticCanvas # overlayImageLeft og fabric.StaticCanvas # overlayImageTop ble fjernet.
• fabric.Text # bakgrunnsfarge er nå fabric.Object # bakgrunnsfarge
• Fjern fabric.Object # toGrayscale og fabric.Object # overlayFill siden de er for spesifikke
• Fjern fabric.StaticCanvas.toGrayscale siden vi allerede har denne logikken i fabric.Image.filters.Grayscale.
• Split centerTransform inn eiendommene centeredScaling og centeredRotation. Objekt rotasjon nå skjer rundt originX / originY punkt MINDRE centeredRotation = sant. Object skalering skjer nå ikke-sentrert MINDRE centeredScaling = sant.

Hva er nytt i versjon 1.5.0:

• TILBAKE INKOMPATIBEL:
• JSON og Cufon er ikke lenger inkludert i standard build
• Endre standardobjekter 'originX / originY til venstre / topp
• fabric.StaticCanvas # backgroundImage og fabric.StaticCanvas # overlayImage er fabric.Image tilfeller. fabric.StaticCanvas # backgroundImageOpacity, fabric.StaticCanvas # backgroundImageStretch, fabric.StaticCanvas # overlayImageLeft og fabric.StaticCanvas # overlayImageTop ble fjernet.
• fabric.Text # bakgrunnsfarge er nå fabric.Object # bakgrunnsfarge
• Fjern fabric.Object # toGrayscale og fabric.Object # overlayFill siden de er for spesifikke
• Fjern fabric.StaticCanvas.toGrayscale siden vi allerede har denne logikken i fabric.Image.filters.Grayscale.
• Split centerTransform inn eiendommene centeredScaling og centeredRotation. Objekt rotasjon nå skjer rundt originX / originY punkt MINDRE centeredRotation = sant. Object skalering skjer nå ikke-sentrert MINDRE centeredScaling = sant.

Hva er nytt i versjon 1.4.13:

• TILBAKE INKOMPATIBEL:
• JSON og Cufon er ikke lenger inkludert i standard build
• Endre standardobjekter 'originX / originY til venstre / topp
• fabric.StaticCanvas # backgroundImage og fabric.StaticCanvas # overlayImage er fabric.Image tilfeller. fabric.StaticCanvas # backgroundImageOpacity, fabric.StaticCanvas # backgroundImageStretch, fabric.StaticCanvas # overlayImageLeft og fabric.StaticCanvas # overlayImageTop ble fjernet.
• fabric.Text # bakgrunnsfarge er nå fabric.Object # bakgrunnsfarge
• Fjern fabric.Object # toGrayscale og fabric.Object # overlayFill siden de er for spesifikke
• Fjern fabric.StaticCanvas.toGrayscale siden vi allerede har denne logikken i fabric.Image.filters.Grayscale.
• Split centerTransform inn eiendommene centeredScaling og centeredRotation. Objekt rotasjon nå skjer rundt originX / originY punkt MINDRE centeredRotation = sant. Object skalering skjer nå ikke-sentrert MINDRE centeredScaling = sant.

Hva er nytt i versjon 1.3.0:

• Fjern valgbar, hasControls, hasBorders, hasRotatingPoint, transparentCorners , perPixelTargetFind fra standard objekt / JSON representasjon av objekter.
• Objekt rotasjon nå skjer rundt originX / originY punkt MINDRE centerTransform = sant.
• fabric.Text # textShadow er fjernet -. ny fabric.Text.shadow eiendom (type fabric.Shadow)
• fabric.BaseBrush skygge egenskaper er kombinert i én egenskap = & # x3e; fabric.BaseBrush.shadow (shadowColor, shadowBlur, shadowOffsetX, shadowOffsetY ikke lenger eksisterer).
• fabric.Path.fromObject er nå async. fabric.Canvas # loadFromDatalessJSON er foreldet.

Hva er nytt i versjon 1.2.0.

• Gjør fabric.Object # toDataURL synkron
• fabric.Text # strokeStyle - & # x3e; fabric.Text # slag, for konsistens med andre objekter.
• fabric.Object.setActive (...) - & # x3e; fabric.Object.set ("aktiv", ...). fabric.Object.isActive er borte (bruk fabric.Object.active i stedet).

Krav

• aktivere Javascript på klientsiden
• Node.js 0.6 eller høyere for server-side miljøer