我正在寻找一种在更大的画布上显示更小图像的解决方案。想知道是否有一种方法可以在Safari和Chrome浏览器的html5 canvas运行时中将图像大小增加100％而不会扭曲它。
答案 0 :(得分：0)
也许......
如果图像是基于矢量的，那么它的尺寸会加倍，几乎没有明显的失真。
如果小图像是高分辨率（例如300 dpi而不是传统的72dpi网页），你可以将尺寸加倍，但几乎没有明显的失真。
...否则
尝试将图像放在图像元素中并使浏览器的大小加倍。现代浏览器使用双立方插值并进行合理的缩放工作。
将图像放入Photoshop并在那里放大。尝试使用Bicubic Smoother和Bicubic Sharper来查看哪种效果最适合您的特定图像。
如果这些都不适用于您，请尝试通过缩放X 2来“作弊”，然后应用轻微模糊来隐藏失真。一个有用的Gausian / Box模糊库是Quasimondo的stackblur：http://www.quasimondo.com/StackBlurForCanvas/StackBlurDemo.html