Fabric.js: Maximum canvas width/height -Object doesn't dragging in fabric js

[Vivek-KT]

Hi to all,
Here, we have working in fabric.js with creating design tool.We just set canvas width and canvas height more than "10000px" . for example, we assume that canvas width and height 8640px x10800px (96" inches x 120" inches) and we can drag/draw object in that canvas width and height.But its not working in that canvas.When object is dragging inside large canvas size , object is moving slowly and some time it was not move in canvas.

How to solve this problem?. Is there any limitation for canvas resolution ? How to rectify this problem ? Kindly review it and let me know your feedback.

THANKS
VIVEK KT.

[asturur]

8600 x 10800 is a big canvas.
I suggest you to work with the canvas sized as big as the screen needs and work with setZoom and Panning.

Please check fabricjs.com/kitchensink and try to zoom with the wheel of the mouse, you will see that you can zoom in as big as you need, and you can pan with the ALT and drag button if needed.

Having a big canvas is a problem because performances are slow.

[Vivek-KT]

thanks @asturur .I have reviewed that link .Any other solution for this? or we need to set big as the screen and using panning , we will work on it. Is there same resolution size will generated in as final output ?

Thanks in advance. Kindly provide me any feedback.

THANKS
VIVEK KT.

[asturur]

for final ouput you do not have problem.
You just say canvas.toDataURL({ multiplier: X }) and it will X time bigger.
Take in consideration browsers limit that is at most 16k per size on firefox, chrome and 8k for internet explorer.