Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/457.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
Javascript html5画布用于调整图像大小的算法是什么?_Javascript_Html_Canvas_Image Resizing - Fatal编程技术网

Javascript html5画布用于调整图像大小的算法是什么?

Javascript html5画布用于调整图像大小的算法是什么?,javascript,html,canvas,image-resizing,Javascript,Html,Canvas,Image Resizing,一般来说,最终的质量是相当不错的,除非图像中有一些非常微妙的细节,比如头发。然后缩小图像的大小,使其本身变得过于锐化。画布用于调整图像大小的默认算法是什么 有没有办法达到更好的效果?您通常只需使用drawImage来调整画布上图像的大小。以下是来自Mozilla的一个示例: // Width and height is the image's size on the target canvas. drawImage(image, x, y, width, height) 有关更多示例,请参见;

一般来说,最终的质量是相当不错的,除非图像中有一些非常微妙的细节,比如头发。然后缩小图像的大小,使其本身变得过于锐化。画布用于调整图像大小的默认算法是什么


有没有办法达到更好的效果?

您通常只需使用
drawImage
来调整画布上图像的大小。以下是来自Mozilla的一个示例:

// Width and height is the image's size on the target canvas.
drawImage(image, x, y, width, height)

有关更多示例,请参见;特别是“切片”部分。

根据测试结果和web上分散的信息,目前canvas使用。虽然规范不强制任何特定算法。Mozilla中有一个关于切换到双线性的讨论,但它似乎还没有在浏览器中实现。

我认为该规范不需要使用特定的算法。有几种方法可以禁用抗锯齿和使用最近邻。