Fabri c. js - Плохое качество изображения

Question

Это изображение svg, загруженное на холст. Как видите, это очень похоже на растровое изображение. Чтобы дать немного больше контекста, светло-голубое поле имеет размер 1000 пикселей на 400 пикселей.

Notice also the image of the IText object looks like a raster image instead of a vector image.

Anyone know what's happening here and how to fix it?

---update---

Sorry, this took so long to get out... I got side tracked, but as requested:

    
        
            Debug Me
        
        
        <!--jQuery CDN-->
        

Answer 1

Итак, проблема в том, что fabri c. js проверяет тег на ширину и высоту, чтобы инициализировать новый холст fabri c, и если вы не включите его в тег, он выиграет ' t правильно отрисовать холст. Чтобы исправить это, вы можете использовать

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

и то же самое для ширины.

Fabri c. js изменяет размер моего холста на 300x150 после инициализации - еще один ресурс по этому вопросу.