Fabric.js

Iš esmės, , Fabric.js , gali būti naudojamas apie bet HTML5 drobės manipuliavimo, kaip gyvo piešinio, pridedant objektus, importuoti SVG vaizdus, ​​redagavimas ir perdirbimo formų, ir tt ..

Ant šio funkcionalumo, tikriausiai taip pat svarbu, built-in SVG iki drobės analizatorius taip pat leidžia kūrėjams lengvai perkelti jie anksčiau pastatytas SVG grafiką į HTML 5 drobės.

Tai užtikrina labiau kontroliuoti šių grafika, prieigos kūrėjai neturėjo, o jie buvo SVG formatu.

sudėtingesnių sąlygų Fabric.js gali būti laikomas kaip interaktyvus Objektinis modelis pastatytas ant HTML 5 drobės elementas, kaip ir DOM yra HTML puslapiuose.

Fabric.js veikia tiek kliento pusėje (naršyklės) ir serverio pusėje (Node.js) aplinkoje.

Kas naujo , šioje laidoje :

• ATGAL nesuderinamumus:
• JSON ir cufon nebėra įtrauktas į numatytąjį statyti
• Pakeisti numatytąjį objektai "originX / originY į kairę / viršų
• fabric.StaticCanvas # backgroundImage ir fabric.StaticCanvas # overlayImage yra fabric.Image atvejų. fabric.StaticCanvas # backgroundImageOpacity, fabric.StaticCanvas # backgroundImageStretch, fabric.StaticCanvas # overlayImageLeft ir fabric.StaticCanvas # overlayImageTop buvo pašalintas.
• fabric.Text # backgroundColor dabar fabric.Object # backgroundColor
• Pašalinti fabric.Object # toGrayscale ir fabric.Object # overlayFill nes jie per daug konkretus
• Pašalinti fabric.StaticCanvas.toGrayscale nes mes jau turime, kad logika fabric.Image.filters.Grayscale.
• Splitas centerTransform į properties centeredScaling ir centeredRotation. Objekto sukimasis dabar vyksta aplink originX / originY taško, nebent centeredRotation = true. Objektas mastelio dabar atsitinka ne centre, NEBENT centeredScaling = tiesa.

Kas naujo versijos 1.5.0:

• ATGAL nesuderinamumus:
• JSON ir cufon nebėra įtrauktas į numatytąjį statyti
• Pakeisti numatytąjį objektai "originX / originY į kairę / viršų
• fabric.StaticCanvas # backgroundImage ir fabric.StaticCanvas # overlayImage yra fabric.Image atvejų. fabric.StaticCanvas # backgroundImageOpacity, fabric.StaticCanvas # backgroundImageStretch, fabric.StaticCanvas # overlayImageLeft ir fabric.StaticCanvas # overlayImageTop buvo pašalintas.
• fabric.Text # backgroundColor dabar fabric.Object # backgroundColor
• Pašalinti fabric.Object # toGrayscale ir fabric.Object # overlayFill nes jie per daug konkretus
• Pašalinti fabric.StaticCanvas.toGrayscale nes mes jau turime, kad logika fabric.Image.filters.Grayscale.
• Splitas centerTransform į properties centeredScaling ir centeredRotation. Objekto sukimasis dabar vyksta aplink originX / originY taško, nebent centeredRotation = true. Objektas mastelio dabar atsitinka ne centre, NEBENT centeredScaling = tiesa.

Kas naujo versijos 1.4.13:

• ATGAL nesuderinamumus:
• JSON ir cufon nebėra įtrauktas į numatytąjį statyti
• Pakeisti numatytąjį objektai "originX / originY į kairę / viršų
• fabric.StaticCanvas # backgroundImage ir fabric.StaticCanvas # overlayImage yra fabric.Image atvejų. fabric.StaticCanvas # backgroundImageOpacity, fabric.StaticCanvas # backgroundImageStretch, fabric.StaticCanvas # overlayImageLeft ir fabric.StaticCanvas # overlayImageTop buvo pašalintas.
• fabric.Text # backgroundColor dabar fabric.Object # backgroundColor
• Pašalinti fabric.Object # toGrayscale ir fabric.Object # overlayFill nes jie per daug konkretus
• Pašalinti fabric.StaticCanvas.toGrayscale nes mes jau turime, kad logika fabric.Image.filters.Grayscale.
• Splitas centerTransform į properties centeredScaling ir centeredRotation. Objekto sukimasis dabar vyksta aplink originX / originY taško, nebent centeredRotation = true. Objektas mastelio dabar atsitinka ne centre, NEBENT centeredScaling = tiesa.

Kas naujo versijos 1.3.0:

• Pašalinti pasirenkami, hasControls, hasBorders, hasRotatingPoint, transparentCorners , perPixelTargetFind iš numatytojo objektą / json atstovavimo objektų.
• Objekto sukimasis dabar vyksta aplink originX / originY taško NEBENT centerTransform = tiesa.
• fabric.Text # textShadow buvo pašalintas -. Naujas fabric.Text.shadow turtas (tipas fabric.Shadow)
• fabric.BaseBrush šešėlis savybės yra sujungti į vieną turto = & # x3e; fabric.BaseBrush.shadow (shadowColor, shadowBlur, shadowOffsetX, shadowOffsetY nebeegzistuoja).
• fabric.Path.fromObject dabar asinchroninis. fabric.Canvas # loadFromDatalessJSON yra pasmerkta.

Kas naujo versijos 1.2.0.

• Padaryti fabric.Object # toDataURL sinchroninio
• fabric.Text # strokeStyle - & # x3e; fabric.Text # insultas, siekiant nuoseklumo su kitais objektais.
• fabric.Object.setActive (...) - & # x3e; fabric.Object.set ("aktyvus", ...). fabric.Object.isActive dingo (naudoti fabric.Object.active vietoj).

Reikalavimai :

• veikiancio Javascript kliento pusėje;
• Node.js 0,6 arba didesnis server-side aplinkoje;