如何实现HTML5画布绘制方法来调整图像的大小



我试图从512*512到256*256像素的图像缩减,其中灰度图像表示为JavaScript数组尺寸512*512。当使用帆布绘制方法时,将512*512图像作为256*256图像绘制图像是直截了当的,其中该缩小的图像看起来平滑。我正在尝试使用上述JavaScript阵列进行同样的操作,我在图像上首次在图像上使用高斯内核进行卷积/16,1/16,2/16,1/16],随后我进行了模糊的512*512图像的子采样,以产生256*256图像阵列,我将其转换为canvas imagedata。但是,与使用画布绘制方法的降尺度相比,模糊和采样Yeilds的方法更加"破烂"的图像。是否有人知道如何实现Draimage图像缩减方法,以便我可以尝试复制该方法?

最好的问候

画布规范未定义要使用的算法。

Chrome在此处使用Skia图形引擎中实现的Lanczos过滤器:https://chromium.googlesource.com/chromium/src/src/src/src//master/skia/skia/ext/image_operations.cc

SVG规格只建议双线性重新采样。

最新更新