Fabricjs HTML5 Canvas：为什么图像的调整大小如此之差？

Question

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

但是，如果我将同一张图片添加为<img/>并将其缩小，则会保留其质量。

为什么画布图像质量如此之低？如何使画布图像像<img/>一样保留其原始质量？

Answer 1

它可能应该发表评论，但不幸的是我是新来的，我无法添加评论。 但是，对我来说它看起来像抗锯齿问题。 Canvas只是一堆像素 - 无论你是否做一些抗锯齿，都取决于你。然而，浏览器会对图片缩放进行一些抗锯齿处理（请参阅此处Disable antialising when scaling images）。

这个问题可能与以下内容重复：

Html5 canvas drawImage: how to apply antialiasing

HTML5 Canvas and Anti-aliasing

希望它有所帮助。