Блог

Есть ли способ сделать объекты в Fabric js более точными?

Мне очень нравится Fabric js. Но есть проблема с точностью объектов и текста.

Несколько примеров. График в Fabric js хорошо выглядит в небольшом масштабе. Но при приближении изображение выглядит размытым:

В какой-то другой библиотеке, если мы масштабируем график, он сохраняет точность:

Предполагая, что под «точностью» вы имеете в виду разрешение ваших объектов, вы, вероятно, просто превышаете разрешение холста кэша. Вы можете попробовать отключить objectCaching свои объекты, чтобы посмотреть, поможет ли это.

obj.set('objectCaching', false);

Обновление — В примере, на который вы ссылались, не используется canvas, он построен из элементов dom, таких как divs, которые по своей сути основаны на векторах. Fabric.JS это библиотека canvas, поэтому каждый объект представлен пиксельными данными и не будет хорошо выглядеть, если вы попытаетесь масштабировать элемент в своем браузере. Вместо этого вы должны использовать встроенную функцию масштабирования fabric, которая перерисует холст на основе требуемого уровня масштабирования.

Помощь с масштабированием смотрите здесь:http://fabricjs.com/fabric-intro-part-5