html - Fabricjs HTML5 Canvas : Why are images so poorly resized?

Question

当我将 775 x 775 图像添加到 fabricjs Canvas 并将其调整为大约 90 x 90 时，图像质量大大降低。

但是如果我添加与 <img/> 相同的图像并缩小它，它保持其质量。

为什么canvas图片质量这么差？如何使 Canvas 图像保持其原始质量，如 <img/>是吗？

Answer 1

它可能应该去评论，但不幸的是我是新来的，我不能添加评论。但是，对我来说，这看起来像是抗锯齿问题。 Canvas 只是一堆像素 - 是否进行抗锯齿取决于您。然而，浏览器会对图片缩放进行一些抗锯齿处理(参见此处 Disable antialising when scaling images)。

这个问题可能与以下问题重复:

Html5 canvas drawImage: how to apply antialiasing

HTML5 Canvas and Anti-aliasing

希望对您有所帮助。