Fabric.js

Talaga, Fabric.js ay maaaring gamitin para sa tungkol sa anumang canvas pagmamanipula HTML5, tulad ng live drawing, pagdaragdag ng mga bagay, pag-import ng mga imahe SVG, pag-edit at pagproseso hugis, atbp ..

Sa tuktok ng ang functionality na ito, malamang na bilang mahalaga, ang built-in SVG-to-canvas parser ay nagpapahintulot din sa mga developer upang madaling lumipat dati sila ay binuo SVG graphics sa HTML 5 canvas.

Tinitiyak nito ng karagdagang kontrol sa mga graphics, access sa mga developer ay hindi magkaroon nang sila ay nasa format SVG.

Sa mga mas kumplikadong mga tuntunin Fabric.js maaaring isinasaalang-alang bilang isang interactive na object-modelo binuo sa tuktok ng HTML 5 elemento ng canvas, tulad ng mga DOM ay para sa mga HTML na pahina.

Fabric.js gumagana sa parehong client-side (browser) at server-side (Node.js) kapaligiran.

Ano ang bagong sa paglabas :

• BACK ang Hindi Pagiging Tugma:
• JSON at Cufon ay hindi na kasama sa default build
• Baguhin ang default na mga bagay 'originX / originY sa kaliwa / top
• fabric.StaticCanvas # backgroundImage at fabric.StaticCanvas # overlayImage ay fabric.Image pagkakataon. fabric.StaticCanvas # backgroundImageOpacity, fabric.StaticCanvas # backgroundImageStretch, fabric.StaticCanvas # overlayImageLeft at fabric.StaticCanvas # overlayImageTop ay tinanggal.
• fabric.Text # backgroundColor ngayon fabric.Object # backgroundColor
• Alisin fabric.Object # toGrayscale at fabric.Object # overlayFill dahil ang mga ito ay masyadong tiyak na
• Alisin fabric.StaticCanvas.toGrayscale dahil kami ay mayroon na lohika sa fabric.Image.filters.Grayscale.
• Split centerTransform sa properties centeredScaling at centeredRotation. Mangyayari ngayon ang pag-ikot ng Bagay paligid point originX / originY MALIBAN centeredRotation = true. Mangyayari ngayon Object scaling non-nakasentro MALIBAN centeredScaling = true.

Ano ang bagong sa bersyon 1.5.0:

• BACK ang Hindi Pagiging Tugma:
• JSON at Cufon ay hindi na kasama sa default build
• Baguhin ang default na mga bagay 'originX / originY sa kaliwa / top
• fabric.StaticCanvas # backgroundImage at fabric.StaticCanvas # overlayImage ay fabric.Image pagkakataon. fabric.StaticCanvas # backgroundImageOpacity, fabric.StaticCanvas # backgroundImageStretch, fabric.StaticCanvas # overlayImageLeft at fabric.StaticCanvas # overlayImageTop ay tinanggal.
• fabric.Text # backgroundColor ngayon fabric.Object # backgroundColor
• Alisin fabric.Object # toGrayscale at fabric.Object # overlayFill dahil ang mga ito ay masyadong tiyak na
• Alisin fabric.StaticCanvas.toGrayscale dahil kami ay mayroon na lohika sa fabric.Image.filters.Grayscale.
• Split centerTransform sa properties centeredScaling at centeredRotation. Mangyayari ngayon ang pag-ikot ng Bagay paligid point originX / originY MALIBAN centeredRotation = true. Mangyayari ngayon Object scaling non-nakasentro MALIBAN centeredScaling = true.

Ano ang bagong sa bersyon 1.4.13:

• BACK ang Hindi Pagiging Tugma:
• JSON at Cufon ay hindi na kasama sa default build
• Baguhin ang default na mga bagay 'originX / originY sa kaliwa / top
• fabric.StaticCanvas # backgroundImage at fabric.StaticCanvas # overlayImage ay fabric.Image pagkakataon. fabric.StaticCanvas # backgroundImageOpacity, fabric.StaticCanvas # backgroundImageStretch, fabric.StaticCanvas # overlayImageLeft at fabric.StaticCanvas # overlayImageTop ay tinanggal.
• fabric.Text # backgroundColor ngayon fabric.Object # backgroundColor
• Alisin fabric.Object # toGrayscale at fabric.Object # overlayFill dahil ang mga ito ay masyadong tiyak na
• Alisin fabric.StaticCanvas.toGrayscale dahil kami ay mayroon na lohika sa fabric.Image.filters.Grayscale.
• Split centerTransform sa properties centeredScaling at centeredRotation. Mangyayari ngayon ang pag-ikot ng Bagay paligid point originX / originY MALIBAN centeredRotation = true. Mangyayari ngayon Object scaling non-nakasentro MALIBAN centeredScaling = true.

Ano ang bagong sa bersyon 1.3.0:

• Alisin piliin, hasControls, hasBorders, hasRotatingPoint, transparentCorners , perPixelTargetFind mula sa default na object / json representasyon ng mga bagay.
• mangyayari ngayon ang pag-ikot ng Bagay paligid originX / originY point MALIBAN centerTransform = true.
• fabric.Text # textShadow ay tinanggal dahil -. bagong fabric.Text.shadow ari-arian (ang uri ng fabric.Shadow)
• fabric.BaseBrush properties shadow ay pinagsama sa isang ari-arian = & # x3e; fabric.BaseBrush.shadow (shadowColor, shadowBlur, shadowOffsetX, hindi na umiiral shadowOffsetY).
• fabric.Path.fromObject ay async ngayon. fabric.Canvas # loadFromDatalessJSON ay tinutulan.

Ano ang bagong sa bersyon 1.2.0:.

• Gumawa fabric.Object # toDataURL sabaysabay
• fabric.Text # strokeStyle - & # x3e; fabric.Text # stroke, para sa pagkakapare-pareho sa iba pang mga bagay.
• fabric.Object.setActive (...) - & # x3e; fabric.Object.set ('aktibo', ...). fabric.Object.isActive ay nawala (gamitin fabric.Object.active halip).

Mga kinakailangan

• enable ang JavaScript sa client side
• node.js 0.6 o mas mataas para sa mga server-side na kapaligiran