Как сделать патч из Фабри c js, который конвертирует все значения с плавающей запятой в округленное значение?

Question

Я работаю в одном проекте, в котором я использовал fabri cJS -3.6.3. Это лучшая библиотека для работы с холстом.

Как известно ограничение холста, холст отображает полпикселя изображения. Так что иногда это размыто. Та же проблема, которую я поставил перед вами.

Я пытаюсь отобразить текст на холсте, используя следующий код

var text = new fabric.Textbox("lorem ipsum pixel", {
    top: 13.5
    left: 12.13
    width: 157.68
    fontSize: 15
    fontFamily: 'opensans-lightItalic'
    scaleX: 0.67
    scaleY: 0.67
})
canvas.add(text);

Теперь результат этого кода всегда будет размытым, потому что холст рендерит Half a Pixel и мы получили размытое изображение.

Так что для ясного результата я должен просто установить его с помощью Rounded value. Теперь реальная проблема заключается в том, что проект слишком велик и имеет сложную структуру, поэтому я хочу сделать один fabricJs patch, который автоматически заменяет (верхний, левый, масштабный ET C ...) свойства на округленное значение. Я пытался сделать это с помощью переопределения метода fabric.Object, но не смог добиться успеха в этом.

Если кто-нибудь знает, как получить доступ и установить свойство для всего объекта, тогда, пожалуйста, помогите мне.

Answer 1

Вместо Textbox вы должны использовать IText

var text = new fabric.IText('lorem ipsum pixel', {
    top: 13.5,
    left: 12.13,
    fontSize: 15,
    fontFamily: 'opensans-lightItalic'
});
canvas.add(text);