Fabric.js

Əsasən, Fabric.js s SVG images, redaktə və emal şekiller, idxal, obyektlərin əlavə, canlı rəsm kimi, haqqında heç bir HTML5 kətan manipulyasiya üçün istifadə edilə bilər ..

Bu işlevselliği üst, yəqin ki, kimi mühüm, daxili SVG-to-kətan parser də developers asanlıqla onlar əvvəllər HTML 5 kətan SVG qrafik inşa edirik köç etməyə imkan verir.

Bu, qrafik daha çox nəzarət təmin giriş developers yox idi.

daha mürəkkəb baxımından Fabric.js DOM HTML pages üçün olduğu kimi, HTML 5 kətan element üst inşa interaktiv obyekt-model kimi hesab edilə bilər.

Fabric.js həm client-tərəfi ilə işləyir (brauzerlər) və server-side (Node.js) mühit.

Bu azad yeni nədir

• GERİ pozuntuların:
• JSON və Cufon artıq default build daxil edilir
• Change default objects 'originX / originY / top sol
• fabric.StaticCanvas # backgroundImage və fabric.StaticCanvas # overlayImage fabric.Image hallarda var. fabric.StaticCanvas # backgroundImageOpacity, fabric.StaticCanvas # backgroundImageStretch, fabric.StaticCanvas # overlayImageLeft və fabric.StaticCanvas # overlayImageTop çıxarıldı.
• fabric.Text # BackgroundColor indi fabric.Object # BackgroundColor
• Sil fabric.Object # toGrayscale və fabric.Object # overlayFill onlar da xüsusi etdiyiniz ildən
• biz artıq fabric.Image.filters.Grayscale ki məntiq var-ci ildən fabric.StaticCanvas.toGrayscale çıxarın.
• xassələri centeredScaling və centeredRotation daxil Split centerTransform. Object fırlanma indi əsl centeredRotation = halda originX / originY nöqtəsi ətrafında baş verir. Object scaling qeyri mərkəzli baş centeredScaling = true.
halda

Version 1.5.0 yeni nədir:

• GERİ pozuntuların:
• JSON və Cufon artıq default build daxil edilir
• Change default objects 'originX / originY / top sol
• fabric.StaticCanvas # backgroundImage və fabric.StaticCanvas # overlayImage fabric.Image hallarda var. fabric.StaticCanvas # backgroundImageOpacity, fabric.StaticCanvas # backgroundImageStretch, fabric.StaticCanvas # overlayImageLeft və fabric.StaticCanvas # overlayImageTop çıxarıldı.
• fabric.Text # BackgroundColor indi fabric.Object # BackgroundColor
• Sil fabric.Object # toGrayscale və fabric.Object # overlayFill onlar da xüsusi etdiyiniz ildən
• biz artıq fabric.Image.filters.Grayscale ki məntiq var-ci ildən fabric.StaticCanvas.toGrayscale çıxarın.
• xassələri centeredScaling və centeredRotation daxil Split centerTransform. Object fırlanma indi əsl centeredRotation = halda originX / originY nöqtəsi ətrafında baş verir. Object scaling qeyri mərkəzli baş centeredScaling = true.
halda

versiyası 1.4.13 yeni nədir:

• GERİ pozuntuların:
• JSON və Cufon artıq default build daxil edilir
• Change default objects 'originX / originY / top sol
• fabric.StaticCanvas # backgroundImage və fabric.StaticCanvas # overlayImage fabric.Image hallarda var. fabric.StaticCanvas # backgroundImageOpacity, fabric.StaticCanvas # backgroundImageStretch, fabric.StaticCanvas # overlayImageLeft və fabric.StaticCanvas # overlayImageTop çıxarıldı.
• fabric.Text # BackgroundColor indi fabric.Object # BackgroundColor
• Sil fabric.Object # toGrayscale və fabric.Object # overlayFill onlar da xüsusi etdiyiniz ildən
• biz artıq fabric.Image.filters.Grayscale ki məntiq var-ci ildən fabric.StaticCanvas.toGrayscale çıxarın.
• xassələri centeredScaling və centeredRotation daxil Split centerTransform. Object fırlanma indi əsl centeredRotation = halda originX / originY nöqtəsi ətrafında baş verir. Object scaling qeyri mərkəzli baş centeredScaling = true.
halda

versiyası 1.3.0 yeni nədir:

• Sil seçilən, hasControls, hasBorders, hasRotatingPoint, transparentCorners , perPixelTargetFind default obyektin / obyektlərin json nümayəndəliyi.
• Obyekt fırlanma indi originX / originY nöqtəsi ətrafında baş halda centerTransform = true.
• fabric.Text # textShadow qaldırıldı -. Yeni fabric.Text.shadow əmlak (fabric.Shadow növü)
• fabric.BaseBrush kölgə xassələri bir mülkiyyət birləşdirilmiş = & # x3e olunur; fabric.BaseBrush.shadow (shadowColor, shadowBlur, shadowOffsetX, shadowOffsetY artıq mövcud).
• fabric.Path.fromObject indi async edir. fabric.Canvas # loadFromDatalessJSON deprecated edir.

nədir versiyası 1.2.0 Yeni:.

• fabric.Object # toDataURL sinxron olun
• fabric.Text # strokeStyle - & # x3e; digər obyektləri ilə ardıcıllıq üçün fabric.Text # stroke.
• fabric.Object.setActive (...) - & # x3e; fabric.Object.set ('effektiv', ...). fabric.Object.isActive getdi (fabric.Object.active istifadə əvəzinə).

tələblər

• JavaScript klient tərəfində effektiv
• server-side mühit üçün 0.6 və ya daha yüksək Node.js