fabric.js

1–30 of 2982

Welcome to Fabric.js group. Check out fabricjs.com for demos, docs, or tests.

When posting about a problem, please make an example (failing) testcase (e.g. on jsfiddle). Please also search archives for similar questions/answers!

0 selected

Mar 28

PNG Canvas download size issue

I am having some really tough time trying to get my files to export the correct size. Example: 12.5

unread,

PNG Canvas download size issue

I am having some really tough time trying to get my files to export the correct size. Example: 12.5

Mar 28

Terry Clark, … Curtis Rock3

Mar 23

Custom Transformation (Scale / Rotate) Controls on Shapes

So you are saying that an object would have dual use custom controls on all four corners of its

unread,

Custom Transformation (Scale / Rotate) Controls on Shapes

So you are saying that an object would have dual use custom controls on all four corners of its

Mar 23

Mar 3

Drawing Paths with Variable Stroke Width, based on Velocity of Pointer Movement

Here is a fiddle that includes the variable stroke width rendering code, a toggle between normal

unread,

Drawing Paths with Variable Stroke Width, based on Velocity of Pointer Movement

Here is a fiddle that includes the variable stroke width rendering code, a toggle between normal

Mar 3

darren, Curtis Rock3

Feb 24

loadFromJSON inexplicably intermittent

Hi, Thanks for the suggestion, but actually currently I have the JSON being written into the page to

unread,

loadFromJSON inexplicably intermittent

Hi, Thanks for the suggestion, but actually currently I have the JSON being written into the page to

Feb 24

Muhammad Asim Mustafai, Curtis Rock2

Feb 23

after load json custom icone not showing

If you look at the JavaScript tab on this fiddle, you can see how I use custom control icons on

unread,

after load json custom icone not showing

If you look at the JavaScript tab on this fiddle, you can see how I use custom control icons on

Feb 23

Feb 23

Fabric.js Demo for PDF External Annotation Layer

Updated the fiddle, due to the Fabric library reference being broken Fabric.js and PDF-Lib Annotation

unread,

Fabric.js Demo for PDF External Annotation Layer

Updated the fiddle, due to the Fabric library reference being broken Fabric.js and PDF-Lib Annotation

Feb 23

Muhammad Asim Mustafai, endy W2

Feb 22

canvas selectable properties not working in JSON

Does any example code? Muhammad Asim Mustafai <virtu...@gmail.com> 於 2023年2月22日週三下午2:15寫道：

unread,

canvas selectable properties not working in JSON

Does any example code? Muhammad Asim Mustafai <virtu...@gmail.com> 於 2023年2月22日週三下午2:15寫道：

Feb 22

Curtis Rock, Guido Amabili7

Feb 15

Object Alignment Hint System Concept

Looks great! I will play with it a bit! Le mer. 15 févr. 2023 à 00:47, Curtis Rock <curtis.rock@

unread,

Object Alignment Hint System Concept

Looks great! I will play with it a bit! Le mer. 15 févr. 2023 à 00:47, Curtis Rock <curtis.rock@

Feb 15

Feb 14

Solved: Fabric object alignment hinting

This demo provides object alignment hint lines and snapping of a moving object into alignment with

unread,

Solved: Fabric object alignment hinting

This demo provides object alignment hint lines and snapping of a moving object into alignment with

Feb 14

Muhammad Asim Mustafai

Feb 12

Hi everyone im new hear can anyone help how can i make custom shapes on text like this attached image

unread,

Hi everyone im new hear can anyone help how can i make custom shapes on text like this attached image

Feb 12

Muhammad Asim Mustafai

Jan 28

Hi how can i do that same

Hi everyone im new in fabric js can some one help me how can i make same project link blow https://

unread,

Hi how can i do that same

Hi everyone im new in fabric js can some one help me how can i make same project link blow https://

Jan 28

weide zhang, Curtis Rock3

Jan 24

color blend for foreground image as well as adding brush adjustment

javascript - HTML canvas drawing and erasing with transparent png base - Stack Overflow On Sunday,

unread,

color blend for foreground image as well as adding brush adjustment

javascript - HTML canvas drawing and erasing with transparent png base - Stack Overflow On Sunday,

Jan 24

Muhammad Asim Mustafai, Curtis Rock2

Jan 24

How to Save & Load

javascript - FabricJS clippath border color and move the overlay image behind clippath? - Stack

unread,

How to Save & Load

javascript - FabricJS clippath border color and move the overlay image behind clippath? - Stack

Jan 24

Jan 17

Demo: Click and drag arrows, with accommodation for varying strokeWidth

Here is a Fiddle demo of Creating Fabric arrow objects using latest Fabric lib Click and drag arrow

unread,

Demo: Click and drag arrows, with accommodation for varying strokeWidth

Here is a Fiddle demo of Creating Fabric arrow objects using latest Fabric lib Click and drag arrow

Jan 17

Muhammad Asim Mustafai, Nadir Boussoukaia2

Jan 16

Save & Load & Shear JSON

Obviously yes. There is sample code in Kitchensink http://fabricjs.com/kitchensink where you can save

unread,

Save & Load & Shear JSON

Obviously yes. There is sample code in Kitchensink http://fabricjs.com/kitchensink where you can save

Jan 16

Jan 9

Solved: Controlling object layering when adding a subset of primary canvas objects to a new canvas

I was able to solve a Fabric object layering issue when adding objects to a new canvas, from another

unread,

Solved: Controlling object layering when adding a subset of primary canvas objects to a new canvas

I was able to solve a Fabric object layering issue when adding objects to a new canvas, from another

Jan 9

Jan 5

Solved: Arrow objects that accommodate scale/rotate and dynamic stroke/strokeWidth

I have a reasonable method of handling arrow object creation/scaling/rotation and strokeWidth

unread,

Solved: Arrow objects that accommodate scale/rotate and dynamic stroke/strokeWidth

I have a reasonable method of handling arrow object creation/scaling/rotation and strokeWidth

Jan 5

12/28/22

Resizing Window and Objects inside Canvas keeping ratio

Hi, I am looking to resize the objects on the canvas when the window is resized. I currently already

unread,

Resizing Window and Objects inside Canvas keeping ratio

Hi, I am looking to resize the objects on the canvas when the window is resized. I currently already

12/28/22

Rajesh kumar, Curtis Rock3

12/23/22

Image box for Photo book

Thanks Curtis, I will try and let you know back if there's an issue. Appreciate your help! On

unread,

Image box for Photo book

Thanks Curtis, I will try and let you know back if there's an issue. Appreciate your help! On

12/23/22

Baskaran Mee, … vimlesh kumar6

12/22/22

Text Blur Effect

Image can be added as pattern fill in a rect as below and then rect can be applied rx and ry. export

unread,

Text Blur Effect

Image can be added as pattern fill in a rect as below and then rect can be applied rx and ry. export

12/22/22

Muhammad Asim Mustafai, … new test16

12/19/22

Need Zooming options like this

Hello All, Have you found and solution for rooftext-effect-and-valley-text-effect? Please guide me.

unread,

Need Zooming options like this

Hello All, Have you found and solution for rooftext-effect-and-valley-text-effect? Please guide me.

12/19/22

12/17/22

How to create Text WordArt In Canvas (FabricJS)

Hello everyone, Would you please help me to create a word art effect in the fabric js. PFA Thank you

unread,

How to create Text WordArt In Canvas (FabricJS)

Hello everyone, Would you please help me to create a word art effect in the fabric js. PFA Thank you

12/17/22

12/13/22

Solved: Multiple object selection causes odd object coordinates

This post provides a solution to a common object coordinates identification problem When modifying

unread,

Solved: Multiple object selection causes odd object coordinates

This post provides a solution to a common object coordinates identification problem When modifying

12/13/22

sh-yoon, Curtis Rock2

12/8/22

Implement about modifying shape

That is a beautiful user interface. I had trouble finding the canvas after using `Export area` but

unread,

Implement about modifying shape

That is a beautiful user interface. I had trouble finding the canvas after using `Export area` but

12/8/22

varshik H N, Curtis Rock7

12/5/22

React fabric multiple canvas retaining issue

You can create a var containing JSON data as a test. See Deserialization Include odd scaleX and

unread,

React fabric multiple canvas retaining issue

You can create a var containing JSON data as a test. See Deserialization Include odd scaleX and

12/5/22

Miles6, Curtis Rock2

12/5/22

Error on reloading custom fabricJS canvas objects from JSON?

https://stackoverflow.com/a/66918908/6358733 On Thursday, March 25, 2021 at 2:01:55 PM UTC-5 Miles6

unread,

Error on reloading custom fabricJS canvas objects from JSON?

https://stackoverflow.com/a/66918908/6358733 On Thursday, March 25, 2021 at 2:01:55 PM UTC-5 Miles6

12/5/22

12/1/22

Typescript project custom object override methods

Sorry for the noise, I found the reason my _render method was not called. ( See the link below) https

unread,

Typescript project custom object override methods

Sorry for the noise, I found the reason my _render method was not called. ( See the link below) https

12/1/22

Benjamin Timm, Curtis Rock3

11/22/22

Path Detection / going around objects

Hello Curtis, long time no see :D i've updated it but i still cant manage to make it properly

unread,

Path Detection / going around objects

Hello Curtis, long time no see :D i've updated it but i still cant manage to make it properly

11/22/22

Muhammad Asim Mustafai, Curtis Rock4

11/21/22

Need Help to fix console error

I have started editing your fiddle, as a new fiddle, by moving your javascript into the javascript

unread,

Need Help to fix console error

I have started editing your fiddle, as a new fiddle, by moving your javascript into the javascript

11/21/22

Muhammad Asim Mustafai

11/16/22

Need help consol errors

hi sorry for late im new i just setup code now in jsfiddle please check and guide me ignore other

unread,

Need help consol errors

hi sorry for late im new i just setup code now in jsfiddle please check and guide me ignore other

11/16/22

Search

Clear search

Close search

Google apps

Main menu