Fabric.js

Pohjimmiltaan, Fabric.js voidaan käyttää mistä tahansa HTML5 kankaalle manipulointi, kuten live piirustus, lisäämällä objekteja, maahantuonti SVG kuvia, editointi ja käsittely muotoja, jne ..

Tämän päälle toimintoa, luultavasti yhtä tärkeä, sisäänrakennettu SVG-to-kangas parser mahdollistaa myös kehittäjät voivat helposti siirtyä he aikaisemmin rakennettu SVG grafiikkaa HTML 5 kankaalle.

Tämä takaa enemmän valvoa näitä kuvia, pääsy kehittäjät eivät ole, kun he olivat SVG-muodossa.

monimutkaisempia kannalta Fabric.js voidaan pitää interaktiivinen olio-mallin päälle rakennetaan HTML 5 Canvas elementti, kuten DOM on HTML-sivuja.

Fabric.js toimii sekä client-side (selaimet) ja server-side (Node.js) ympäristöissä.

Mikä on uusi tässä julkaisussa :

• BACK yhteensopimattomuudet:
• JSON ja Cufon eivät enää sisälly oletuksena rakentaa
• Muuta oletus objektien originX / originY vasemmalle / alkuun
• fabric.StaticCanvas # backgroundImage ja fabric.StaticCanvas # overlayImage ovat fabric.Image tapauksissa. fabric.StaticCanvas # backgroundImageOpacity, fabric.StaticCanvas # backgroundImageStretch, fabric.StaticCanvas # overlayImageLeft ja fabric.StaticCanvas # overlayImageTop poistettiin.
• fabric.Text # backgroundColor on nyt fabric.Object # backgroundColor
• Poista fabric.Object # toGrayscale ja fabric.Object # overlayFill koska ne ovat liian erityisiä
• Poista fabric.StaticCanvas.toGrayscale koska meillä on jo, että logiikkaa fabric.Image.filters.Grayscale.
• Split centerTransform osaksi ominaisuudet centeredScaling ja centeredRotation. Esine kierto nyt tapahtuu noin originX / originY kohta ELLEI centeredRotation = true. Esine skaalaus nyt tapahtuu keskikohdan ellei centeredScaling = true.

Mikä on uusi versiossa 1.5.0:

• BACK yhteensopimattomuudet:
• JSON ja Cufon eivät enää sisälly oletuksena rakentaa
• Muuta oletus objektien originX / originY vasemmalle / alkuun
• fabric.StaticCanvas # backgroundImage ja fabric.StaticCanvas # overlayImage ovat fabric.Image tapauksissa. fabric.StaticCanvas # backgroundImageOpacity, fabric.StaticCanvas # backgroundImageStretch, fabric.StaticCanvas # overlayImageLeft ja fabric.StaticCanvas # overlayImageTop poistettiin.
• fabric.Text # backgroundColor on nyt fabric.Object # backgroundColor
• Poista fabric.Object # toGrayscale ja fabric.Object # overlayFill koska ne ovat liian erityisiä
• Poista fabric.StaticCanvas.toGrayscale koska meillä on jo, että logiikkaa fabric.Image.filters.Grayscale.
• Split centerTransform osaksi ominaisuudet centeredScaling ja centeredRotation. Esine kierto nyt tapahtuu noin originX / originY kohta ELLEI centeredRotation = true. Esine skaalaus nyt tapahtuu keskikohdan ellei centeredScaling = true.

Mikä on uusi versiossa 1.4.13:

• BACK yhteensopimattomuudet:
• JSON ja Cufon eivät enää sisälly oletuksena rakentaa
• Muuta oletus objektien originX / originY vasemmalle / alkuun
• fabric.StaticCanvas # backgroundImage ja fabric.StaticCanvas # overlayImage ovat fabric.Image tapauksissa. fabric.StaticCanvas # backgroundImageOpacity, fabric.StaticCanvas # backgroundImageStretch, fabric.StaticCanvas # overlayImageLeft ja fabric.StaticCanvas # overlayImageTop poistettiin.
• fabric.Text # backgroundColor on nyt fabric.Object # backgroundColor
• Poista fabric.Object # toGrayscale ja fabric.Object # overlayFill koska ne ovat liian erityisiä
• Poista fabric.StaticCanvas.toGrayscale koska meillä on jo, että logiikkaa fabric.Image.filters.Grayscale.
• Split centerTransform osaksi ominaisuudet centeredScaling ja centeredRotation. Esine kierto nyt tapahtuu noin originX / originY kohta ELLEI centeredRotation = true. Esine skaalaus nyt tapahtuu keskikohdan ellei centeredScaling = true.

Mikä on uusi versiossa 1.3.0:

• Poista valittavissa, hasControls, hasBorders, hasRotatingPoint, transparentCorners , perPixelTargetFind default esine / JSON edustus esineitä.
• Object kierto nyt tapahtuu noin originX / originY kohta ELLEI centerTransform = true.
• fabric.Text # textShadow on poistettu - uusi fabric.Text.shadow omaisuus (tyyppi fabric.Shadow).
• fabric.BaseBrush varjo ominaisuudet yhdistetään yhdeksi kiinteistön = & # x3e; fabric.BaseBrush.shadow (shadowColor, shadowBlur, shadowOffsetX, shadowOffsetY ei enää ole).
• fabric.Path.fromObject on nyt async. fabric.Canvas # loadFromDatalessJSON on vanhentunut.

Mikä on uusi versiossa 1.2.0:

• Tee fabric.Object # toDataURL synkroninen.
• fabric.Text # strokeStyle - & # x3e; fabric.Text # aivohalvaus, johdonmukaisuuteen muiden esineiden kanssa.
• fabric.Object.setActive (...) - & # x3e; fabric.Object.set ("aktiivinen", ...). fabric.Object.isActive on mennyt (käytä fabric.Object.active sijasta).

vaatimukset :

• Javascriptin asiakkaan puolella
• Node.js 0,6 tai suurempi palvelinpuolen ympäristöissä