Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/74.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Fabricjs HTML5画布:为什么图像的大小调整得如此糟糕?_Html_Image_Html5 Canvas_Fabricjs - Fatal编程技术网

Fabricjs HTML5画布:为什么图像的大小调整得如此糟糕?

Fabricjs HTML5画布:为什么图像的大小调整得如此糟糕?,html,image,html5-canvas,fabricjs,Html,Image,Html5 Canvas,Fabricjs,当我将一张775 x 775的图像添加到fabricjs画布上并将其大小调整到90 x 90左右时,图像的质量会大大降低 但是如果我添加与 为什么画布图像变得如此低质量?如何使画布图像像那样保持其原始质量?它可能需要注释,但不幸的是,我是新来的,无法添加注释。 然而,对我来说,这看起来像是抗锯齿问题。画布只是一堆像素——是否进行抗锯齿取决于您。不过,浏览器会对图片缩放进行一些抗锯齿处理(请参见此处) 此问题可能与以下问题重复: 希望有帮助。我在这里复制了它。我无法用你的小提琴(在Chrom

当我将一张775 x 775的图像添加到fabricjs画布上并将其大小调整到90 x 90左右时,图像的质量会大大降低

但是如果我添加与


为什么画布图像变得如此低质量?如何使画布图像像
那样保持其原始质量?

它可能需要注释,但不幸的是,我是新来的,无法添加注释。 然而,对我来说,这看起来像是抗锯齿问题。画布只是一堆像素——是否进行抗锯齿取决于您。不过,浏览器会对图片缩放进行一些抗锯齿处理(请参见此处)

此问题可能与以下问题重复:


希望有帮助。

我在这里复制了它。我无法用你的小提琴(在Chrome33上)重现这一点-这很有趣。图像的大小应该相同。以下是我在Firefox25.0上看到的,它们对我来说也是一样大小。我只是调整了它的大小,以显示质量得到了保持(您可以在放大视图中看到它)。但是,如果问题是“为什么缩小的图像看起来像像素化”,那就与特定浏览器的画布渲染有关。是的,我的问题是“为什么缩小的图像看起来像像素化?”。难道没有办法让画布图像像html那样保持高质量吗?