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

Question

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

但是如果我将相同的图像添加到一个<img/>并将其缩小,它就会保留其质量.

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

Answer 1

它可能应该发表评论，但不幸的是我是新来的，无法添加评论。然而，对我来说，这看起来像是抗锯齿问题。画布只是一堆像素 - 是否进行抗锯齿取决于您。但是，浏览器会对图片缩放执行一些抗锯齿操作（请参阅此处在缩放图像时禁用抗锯齿）。

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

Html5 canvas drawImage：如何应用抗锯齿

HTML5 Canvas 和抗锯齿

希望能帮助到你。