Fabric.js

W zasadzie, Fabric.js może być używany przez około jakiejkolwiek manipulacji płótnie HTML5, jak rysunek na żywo, dodawania obiektów, importowanie obrazów SVG, edycji i obróbki kształtów, itp ..

Na początku tej funkcjonalności, prawdopodobnie tak samo ważne, wbudowany SVG do płótnie parser pozwala programistom łatwo migrują oni wcześniej zbudowany grafiki SVG w HTML 5 płótnie.

To zapewnia większą kontrolę nad tymi grafiki, deweloperzy nie mieli dostępu, gdy był w formacie SVG.

W bardziej złożonych warunkach Fabric.js może być traktowana jako obiekt interaktywny model zbudowany na HTML 5 elementu canvas, podobnie jak DOM jest dla stron HTML.

Fabric.js działa zarówno po stronie klienta (przeglądarki), a po stronie serwera (node.js) środowiska.

Co nowego w tym wydaniu :

• NIEZGODNOŚCI POWRÓT:
• JSON i Cufon nie są już zawarte w domyślnej kompilacji
• originX / originY zmienić domyślne obiektów "na lewo / góra
• fabric.StaticCanvas # backgroundImage i fabric.StaticCanvas # overlayImage są fabric.Image przypadki. fabric.StaticCanvas # backgroundImageOpacity, fabric.StaticCanvas # backgroundImageStretch, fabric.StaticCanvas # overlayImageLeft i fabric.StaticCanvas # overlayImageTop zostały usunięte.
• fabric.Text # backgroundColor jest teraz fabric.Object # backgroundColor
• Usuń fabric.Object # toGrayscale i fabric.Object # overlayFill ponieważ są one zbyt szczegółowe,
• Usuń fabric.StaticCanvas.toGrayscale ponieważ mamy już tę logikę w fabric.Image.filters.Grayscale.
• Split centerTransform do właściwości centeredScaling i centeredRotation. Obrót obiektu wokół punktu dzieje teraz originX / originY chyba centeredRotation = true. Skalowanie obiektu teraz dzieje się non-centered CHYBA centeredScaling = true.

Co nowego w wersji 1.5.0:

• NIEZGODNOŚCI POWRÓT:
• JSON i Cufon nie są już zawarte w domyślnej kompilacji
• originX / originY zmienić domyślne obiektów "na lewo / góra
• fabric.StaticCanvas # backgroundImage i fabric.StaticCanvas # overlayImage są fabric.Image przypadki. fabric.StaticCanvas # backgroundImageOpacity, fabric.StaticCanvas # backgroundImageStretch, fabric.StaticCanvas # overlayImageLeft i fabric.StaticCanvas # overlayImageTop zostały usunięte.
• fabric.Text # backgroundColor jest teraz fabric.Object # backgroundColor
• Usuń fabric.Object # toGrayscale i fabric.Object # overlayFill ponieważ są one zbyt szczegółowe,
• Usuń fabric.StaticCanvas.toGrayscale ponieważ mamy już tę logikę w fabric.Image.filters.Grayscale.
• Split centerTransform do właściwości centeredScaling i centeredRotation. Obrót obiektu wokół punktu dzieje teraz originX / originY chyba centeredRotation = true. Skalowanie obiektu teraz dzieje się non-centered CHYBA centeredScaling = true.

Co nowego w wersji 1.4.13:

• NIEZGODNOŚCI POWRÓT:
• JSON i Cufon nie są już zawarte w domyślnej kompilacji
• originX / originY zmienić domyślne obiektów "na lewo / góra
• fabric.StaticCanvas # backgroundImage i fabric.StaticCanvas # overlayImage są fabric.Image przypadki. fabric.StaticCanvas # backgroundImageOpacity, fabric.StaticCanvas # backgroundImageStretch, fabric.StaticCanvas # overlayImageLeft i fabric.StaticCanvas # overlayImageTop zostały usunięte.
• fabric.Text # backgroundColor jest teraz fabric.Object # backgroundColor
• Usuń fabric.Object # toGrayscale i fabric.Object # overlayFill ponieważ są one zbyt szczegółowe,
• Usuń fabric.StaticCanvas.toGrayscale ponieważ mamy już tę logikę w fabric.Image.filters.Grayscale.
• Split centerTransform do właściwości centeredScaling i centeredRotation. Obrót obiektu wokół punktu dzieje teraz originX / originY chyba centeredRotation = true. Skalowanie obiektu teraz dzieje się non-centered CHYBA centeredScaling = true.

Co to jest nowy w wersji 1.3.0:

• Usuń wyboru, hasControls, hasBorders, hasRotatingPoint, transparentCorners , perPixelTargetFind z domyślnego obiektu / reprezentacji json obiektów.
• obrót obiektu wokół punktu dzieje teraz originX / originY CHYBA centerTransform = true.
• fabric.Text # textShadow został usunięty -. nowy obiekt fabric.Text.shadow (typ fabric.Shadow)
• Właściwości shadow fabric.BaseBrush są połączone w jeden obiekt = & # x3e; fabric.BaseBrush.shadow (shadowColor, shadowBlur, shadowOffsetX, shadowOffsetY już nie istnieją).
• fabric.Path.fromObject jest asynchroniczny. fabric.Canvas # loadFromDatalessJSON jest przestarzała.

Co nowego w wersji 1.2.0:.

• fabric.Object # toDataURL synchronicznie
• fabric.Text # strokeStyle - & # x3e; fabric.Text # udar mózgu, dla zachowania spójności z innymi obiektami.
• fabric.Object.setActive (...) - & # x3e; fabric.Object.set ("aktywny", ...). fabric.Object.isActive znika (użyj fabric.Object.active zamiast).

Wymagania :

• włączona obsługa JavaScript po stronie klienta,
• node.js 0.6 lub wyższej dla środowisk serwerowych,