Fabric.js

Fondamentalement, Fabric.js peut être utilisé pendant environ toute manipulation de la toile HTML5, comme le dessin en direct, ajouter des objets, importer des images SVG, édition et de traitement des formes, etc ..

En plus de cette fonctionnalité, probablement aussi important, le haut-SVG-Toile analyseur permet également aux développeurs de migrer facilement qu'ils sont déjà construits graphiques SVG en HTML 5 toile.

Cela garantit plus de contrôle sur ces graphiques, accès développeurs ne disposaient pas alors qu'ils étaient en format SVG.

En termes plus complexes Fabric.js peut être considéré comme un objet-modèle interactif intégré sur le dessus de HTML 5 élément canvas, tout comme le DOM est pour les pages HTML.

Fabric.js fonctionne à la fois avec côté client (navigateur) et côté serveur (Node.js) environnements.

Ce qui est nouveau dans ce communiqué :

• INCOMPATIBILITÉS RETOUR:
• JSON et Cufon ne sont plus inclus dans le build par défaut
• Changement objets par défaut de originX / originY à gauche / haut
• fabric.StaticCanvas # backgroundImage et fabric.StaticCanvas # overlayImage ya des cas fabric.Image. fabric.StaticCanvas # backgroundImageOpacity, fabric.StaticCanvas # backgroundImageStretch, fabric.StaticCanvas # overlayImageLeft et fabric.StaticCanvas # overlayImageTop ont été retirés.
• fabric.Text # backgroundColor est maintenant fabric.Object # backgroundColor
• Supprimer fabric.Object # toGrayscale et fabric.Object # overlayFill car ils sont trop spécifique
• Supprimer fabric.StaticCanvas.toGrayscale puisque nous avons déjà que logique dans fabric.Image.filters.Grayscale.
• de Split centerTransform dans les propriétés centeredScaling et centeredRotation. La rotation de l'objet qui se passe maintenant autour du point SAUF centeredRotation = true originX / originY. Objet échelle qui se passe maintenant non-centrée SAUF centeredScaling = true.

Ce qui est nouveau dans la version 1.5.0:

• INCOMPATIBILITÉS RETOUR:
• JSON et Cufon ne sont plus inclus dans le build par défaut
• Changement objets par défaut de originX / originY à gauche / haut
• fabric.StaticCanvas # backgroundImage et fabric.StaticCanvas # overlayImage ya des cas fabric.Image. fabric.StaticCanvas # backgroundImageOpacity, fabric.StaticCanvas # backgroundImageStretch, fabric.StaticCanvas # overlayImageLeft et fabric.StaticCanvas # overlayImageTop ont été retirés.
• fabric.Text # backgroundColor est maintenant fabric.Object # backgroundColor
• Supprimer fabric.Object # toGrayscale et fabric.Object # overlayFill car ils sont trop spécifique
• Supprimer fabric.StaticCanvas.toGrayscale puisque nous avons déjà que logique dans fabric.Image.filters.Grayscale.
• de Split centerTransform dans les propriétés centeredScaling et centeredRotation. La rotation de l'objet qui se passe maintenant autour du point SAUF centeredRotation = true originX / originY. Objet échelle qui se passe maintenant non-centrée SAUF centeredScaling = true.

Ce qui est nouveau dans la version 1.4.13:

• INCOMPATIBILITÉS RETOUR:
• JSON et Cufon ne sont plus inclus dans le build par défaut
• Changement objets par défaut de originX / originY à gauche / haut
• fabric.StaticCanvas # backgroundImage et fabric.StaticCanvas # overlayImage ya des cas fabric.Image. fabric.StaticCanvas # backgroundImageOpacity, fabric.StaticCanvas # backgroundImageStretch, fabric.StaticCanvas # overlayImageLeft et fabric.StaticCanvas # overlayImageTop ont été retirés.
• fabric.Text # backgroundColor est maintenant fabric.Object # backgroundColor
• Supprimer fabric.Object # toGrayscale et fabric.Object # overlayFill car ils sont trop spécifique
• Supprimer fabric.StaticCanvas.toGrayscale puisque nous avons déjà que logique dans fabric.Image.filters.Grayscale.
• de Split centerTransform dans les propriétés centeredScaling et centeredRotation. La rotation de l'objet qui se passe maintenant autour du point SAUF centeredRotation = true originX / originY. Objet échelle qui se passe maintenant non-centrée SAUF centeredScaling = true.

Ce qui est nouveau dans la version 1.3.0:

• Supprimer sélectionnables, HasControls, hasBorders, hasRotatingPoint, transparentCorners , perPixelTargetFind de l'objet par défaut / représentation JSON d'objets.
• la rotation de l'objet qui se passe maintenant autour du point originX / originY SAUF centerTransform = true.
• fabric.Text # textShadow a été retiré -. fabric.Text.shadow nouvelle propriété (de type de fabric.Shadow)
• propriétés d'ombre fabric.BaseBrush sont combinés en une propriété = & # X3e; fabric.BaseBrush.shadow (shadowColor, shadowBlur, shadowOffsetX, shadowOffsetY existe plus).
• fabric.Path.fromObject est maintenant asynchrone. fabric.Canvas # loadFromDatalessJSON est obsolète.

Ce qui est nouveau dans la version 1.2.0:.

• Assurez fabric.Object # toDataURL synchrone
• fabric.Text # strokeStyle - & # X3e; fabric.Text # AVC, par souci de cohérence avec d'autres objets.
• fabric.Object.setActive (...) - & # X3e; fabric.Object.set («active», ...). fabric.Object.isActive est parti (fabric.Object.active utiliser à la place).

Exigences :

• JavaScript côté client
• Node.js 0,6 ou plus pour les environnements côté serveur