Fabricjs HTML5 Canvas: Почему изображения так плохо изменены?

Question

Когда я добавляю изображение 775 x 775 к холсту fabricjs и изменяю его размер до 90 х 90, изображение сильно теряет свое качество.

Но если добавить тот же образ, как <img/> и масштабировать его вниз, он сохраняет свое качество.

Почему холст изображение становится настолько низкое качество? Как сделать изображение холста сохранить его оригинальное качество, как это делает <img/>?

Answer 1

Возможно, это должен быть комментарий, но, к сожалению, я новичок здесь, и я не могу добавлять комментарии. Однако для меня это похоже на проблему сглаживания. Холст - это просто кучка пикселей - вам решать, будете ли вы делать сглаживание или нет. Однако браузеры сглаживают масштаб изображения (см. Здесь Disable antialising when scaling images).

Этот вопрос может быть дубликатом:

Html5 canvas drawImage: how to apply antialiasing

HTML5 Canvas and Anti-aliasing

Надеется, что это помогает.