Fabric.js

In sostanza, Fabric.js può essere utilizzato per qualsiasi manipolazione tela HTML5, come il disegno dal vivo, l'aggiunta di oggetti, l'importazione di immagini SVG, editing e di elaborazione di forme, ecc ..

In cima a questa funzionalità, probabilmente altrettanto importante, il built-in SVG-to-tela parser consente inoltre agli sviluppatori di migrare facilmente che stanno già costruiti grafica SVG in HTML 5 tela.

Questo garantisce un maggiore controllo su queste immagini, gli sviluppatori non hanno avuto accesso mentre erano in formato SVG.

In termini più complessi Fabric.js può essere considerato come un oggetto-modello interattivo costruito in cima ad HTML 5 elemento canvas, proprio come il DOM è per le pagine HTML.

Fabric.js funziona sia sul lato client (browser) e lato server (Node.js) ambienti.

Cosa c'è di nuovo in questa versione :

• INCOMPATIBILITA INDIETRO:
• JSON e Cufon non sono più inclusi nella generazione predefinito
• oggetti Modifica default 'originX / originY a sinistra / in alto
• fabric.StaticCanvas # BackgroundImage e fabric.StaticCanvas # overlayImage sono istanze fabric.Image. fabric.StaticCanvas # backgroundImageOpacity, fabric.StaticCanvas # backgroundImageStretch, fabric.StaticCanvas # overlayImageLeft e fabric.StaticCanvas # overlayImageTop sono stati rimossi.
• fabric.Text # backgroundColor è ora fabric.Object # backgroundColor
• Rimuovi fabric.Object # toGrayscale e fabric.Object # overlayFill dato che sono troppo specifici
• Rimuovi fabric.StaticCanvas.toGrayscale dal momento che già abbiamo che la logica in fabric.Image.filters.Grayscale.
• Spalato centerTransform sulle proprietà centeredScaling e centeredRotation. Rotazione oggetto ora accade intorno a punto originX / originY MENO centeredRotation = true. Ridimensionamento oggetto ora accade non centrata MENO centeredScaling = true.

Cosa c'è di nuovo nella versione 1.5.0:

• INCOMPATIBILITA INDIETRO:
• JSON e Cufon non sono più inclusi nella generazione predefinito
• oggetti Modifica default 'originX / originY a sinistra / in alto
• fabric.StaticCanvas # BackgroundImage e fabric.StaticCanvas # overlayImage sono istanze fabric.Image. fabric.StaticCanvas # backgroundImageOpacity, fabric.StaticCanvas # backgroundImageStretch, fabric.StaticCanvas # overlayImageLeft e fabric.StaticCanvas # overlayImageTop sono stati rimossi.
• fabric.Text # backgroundColor è ora fabric.Object # backgroundColor
• Rimuovi fabric.Object # toGrayscale e fabric.Object # overlayFill dato che sono troppo specifici
• Rimuovi fabric.StaticCanvas.toGrayscale dal momento che già abbiamo che la logica in fabric.Image.filters.Grayscale.
• Spalato centerTransform sulle proprietà centeredScaling e centeredRotation. Rotazione oggetto ora accade intorno a punto originX / originY MENO centeredRotation = true. Ridimensionamento oggetto ora accade non centrata MENO centeredScaling = true.

Cosa c'è di nuovo nella versione 1.4.13:

• INCOMPATIBILITA INDIETRO:
• JSON e Cufon non sono più inclusi nella generazione predefinito
• oggetti Modifica default 'originX / originY a sinistra / in alto
• fabric.StaticCanvas # BackgroundImage e fabric.StaticCanvas # overlayImage sono istanze fabric.Image. fabric.StaticCanvas # backgroundImageOpacity, fabric.StaticCanvas # backgroundImageStretch, fabric.StaticCanvas # overlayImageLeft e fabric.StaticCanvas # overlayImageTop sono stati rimossi.
• fabric.Text # backgroundColor è ora fabric.Object # backgroundColor
• Rimuovi fabric.Object # toGrayscale e fabric.Object # overlayFill dato che sono troppo specifici
• Rimuovi fabric.StaticCanvas.toGrayscale dal momento che già abbiamo che la logica in fabric.Image.filters.Grayscale.
• Spalato centerTransform sulle proprietà centeredScaling e centeredRotation. Rotazione oggetto ora accade intorno a punto originX / originY MENO centeredRotation = true. Ridimensionamento oggetto ora accade non centrata MENO centeredScaling = true.

Cosa c'è di nuovo nella versione 1.3.0:

• Rimuovi selezionabili, HasControls, hasBorders, hasRotatingPoint, transparentCorners , perPixelTargetFind da oggetto predefinito / rappresentazione JSON di oggetti.
• rotazione oggetto ora accade intorno a punto originX / originY MENO centerTransform = true.
• fabric.Text # textshadow è stato rimosso -. nuova proprietà fabric.Text.shadow (tipo di fabric.Shadow)
• fabric.BaseBrush proprietà ombra sono combinati in una proprietà = & # X3e; fabric.BaseBrush.shadow (shadowColor, shadowBlur, shadowOffsetX, shadowOffsetY non esistono più).
• fabric.Path.fromObject è ora asincrono. fabric.Canvas # loadFromDatalessJSON è deprecato.

Cosa c'è di nuovo nella versione 1.2.0:.

• Fai fabric.Object # toDataURL sincrono
• fabric.Text # strokeStyle - & # X3e; fabric.Text # ictus, per coerenza con altri oggetti.
• fabric.Object.setActive (...) - & # X3e; fabric.Object.set ('attivo', ...). fabric.Object.isActive è andato (utilizzare fabric.Object.active invece).

Requisiti :

• Javascript abilitato sul lato client
• Node.js 0.6 o superiore per ambienti server-side