Fabric.js

Im Grunde Fabric.js können Sie für jede HTML5-Canvas-Manipulation wie Live-Zeichnen verwendet werden, das Hinzufügen von Objekten, den Import von SVG-Bildern, Bearbeiten und Verarbeitungsformen, etc ..

Auf dieser Funktionalität, wahrscheinlich ebenso wichtig, den integrierten SVG-to-Leinwand-Parser ermöglicht auch Entwickler auf einfache Weise wandern sie vorher in HTML 5 Canvas gebaut SVG-Grafiken sind.

Dies sorgt für mehr Kontrolle über diese Grafiken, hat Zugang Entwicklern nicht, während sie im SVG-Format waren.

In komplexeren Begriffe Fabric.js kann als ein interaktives Objekt-Modell auf der Oberseite des HTML 5 Canvas-Element aufgebaut betrachtet werden, genauso wie das DOM ist für HTML-Seiten.

Fabric.js funktioniert sowohl mit clientseitigen (Browser) und Server-Seite (Node.js) Umgebungen.

Was ist neu in diesem Release :

• ZURÜCK UNVERTRÄGLICHKEITEN:
• JSON und Cufon nicht mehr im Standard-Build enthalten
• Ändern der Standardobjekte "originX / originY nach / oben links
• fabric.StaticCanvas # background und fabric.StaticCanvas # overlayImage sind fabric.Image Instanzen. fabric.StaticCanvas # backgroundImageOpacity, fabric.StaticCanvas # backgroundImageStretch, fabric.StaticCanvas # overlayImageLeft und fabric.StaticCanvas # overlayImageTop wurden entfernt.
• fabric.Text # backgroundcolor ist jetzt fabric.Object # backgroundcolor
• Entfernen fabric.Object # toGrayscale und fabric.Object # overlayFill da sie zu spezifisch
• Entfernen fabric.StaticCanvas.toGrayscale da wir bereits, dass die Logik in fabric.Image.filters.Grayscale.
• Split centerTransform in die Eigenschaften centeredScaling und centeredRotation. Object Dreh passiert jetzt rund originX / originY Punkt, ES SEI DENN centeredRotation = true. Object Skalierung geschieht nun nicht zentrierte, ES SEI DENN centeredScaling = true.

Was ist neu in der Version 1.5.0:

• ZURÜCK UNVERTRÄGLICHKEITEN:
• JSON und Cufon nicht mehr im Standard-Build enthalten
• Ändern der Standardobjekte "originX / originY nach / oben links
• fabric.StaticCanvas # background und fabric.StaticCanvas # overlayImage sind fabric.Image Instanzen. fabric.StaticCanvas # backgroundImageOpacity, fabric.StaticCanvas # backgroundImageStretch, fabric.StaticCanvas # overlayImageLeft und fabric.StaticCanvas # overlayImageTop wurden entfernt.
• fabric.Text # backgroundcolor ist jetzt fabric.Object # backgroundcolor
• Entfernen fabric.Object # toGrayscale und fabric.Object # overlayFill da sie zu spezifisch
• Entfernen fabric.StaticCanvas.toGrayscale da wir bereits, dass die Logik in fabric.Image.filters.Grayscale.
• Split centerTransform in die Eigenschaften centeredScaling und centeredRotation. Object Dreh passiert jetzt rund originX / originY Punkt, ES SEI DENN centeredRotation = true. Object Skalierung geschieht nun nicht zentrierte, ES SEI DENN centeredScaling = true.

Was ist neu in Version 1.4.13:

• ZURÜCK UNVERTRÄGLICHKEITEN:
• JSON und Cufon nicht mehr im Standard-Build enthalten
• Ändern der Standardobjekte "originX / originY nach / oben links
• fabric.StaticCanvas # background und fabric.StaticCanvas # overlayImage sind fabric.Image Instanzen. fabric.StaticCanvas # backgroundImageOpacity, fabric.StaticCanvas # backgroundImageStretch, fabric.StaticCanvas # overlayImageLeft und fabric.StaticCanvas # overlayImageTop wurden entfernt.
• fabric.Text # backgroundcolor ist jetzt fabric.Object # backgroundcolor
• Entfernen fabric.Object # toGrayscale und fabric.Object # overlayFill da sie zu spezifisch
• Entfernen fabric.StaticCanvas.toGrayscale da wir bereits, dass die Logik in fabric.Image.filters.Grayscale.
• Split centerTransform in die Eigenschaften centeredScaling und centeredRotation. Object Dreh passiert jetzt rund originX / originY Punkt, ES SEI DENN centeredRotation = true. Object Skalierung geschieht nun nicht zentrierte, ES SEI DENN centeredScaling = true.

Was ist neu in der Version 1.3.0:

• Entfernen wählbar, HasControls, hasBorders, hasRotatingPoint, transparentCorners , perPixelTargetFind von Standardobjekt / json Darstellung von Objekten.
• Object Dreh passiert jetzt rund originX / originY Punkt, ES SEI DENN centerTransform = true.
• fabric.Text # textShadow wurde entfernt -. neue fabric.Text.shadow Eigentum (Art der fabric.Shadow)
• fabric.BaseBrush Schatteneigenschaften werden in einer Eigenschaft kombiniert = & # X3e; fabric.BaseBrush.shadow (shadow, shadowBlur, shadowOffsetX, shadowOffsetY nicht mehr vorhanden sind).
• fabric.Path.fromObject ist jetzt async. fabric.Canvas # loadFromDatalessJSON ist veraltet.

Was ist neu in der Version 1.2.0:.

• Erstellen fabric.Object # toDataURL Synchron
• fabric.Text # stroke - & # X3e; fabric.Text # Schlaganfall, für Kohärenz mit anderen Objekten.
• fabric.Object.setActive (...) - & # X3e; fabric.Object.set ("aktiv", ...). fabric.Object.isActive ist weg (verwenden fabric.Object.active statt).

Anforderungen :

• JavaScript auf Clientseite aktivieren
• node.js 0.6 oder höher für die serverseitige Umgebung