Fabric.js - Bad image quality

Question

This is an svg image loaded onto the canvas. As you can tell, it looks very much like a raster image. To give a little more context, the light blue box is 1000px by 400px.

<

Answer 1

So the problem is that fabric.js checks the tag for a width and height to initialize the new fabric canvas to, and if you don't include it in the tag, it won't render the canvas properly. To fix it, you can use

canvas.setHeight(document.getElementById("your_canvas_id").style.height);
canvas.requestRenderAll();

and likewise for the width.

Fabric.js changes my canvas size to 300x150 after initialization is another resource for this question.