调整画布图像的大小而不模糊它

71 浏览
0 Comments

调整画布图像的大小而不模糊它

我有一张小图片,我正在在画布上渲染它,像这样:

ctx.drawImage(img, 0, 0, img.width*2, img.height*2);

我希望它显示一个锐利的放大图像(每个图像像素有4个相同的像素)。然而,这段代码(在Mac上的Chrome 29中)生成了一个模糊的图像。用Photoshop的术语来说,它看起来像是使用了“双三次”重采样,而不是“最近邻”。

在某些情况下会很有用(比如复古游戏),是否可能生成一个锐利的放大图像,还是我需要在服务器上为每个图像大小单独保存一个图像文件?

0