Html5 canvas html5画布增加图像大小
我正在寻找一个解决方案，以显示在更大的画布较小的图像。想知道是否有一种方法可以在safari和chrome浏览器上的html5画布运行时将图像大小增加100%而不失真。也许 如果图像是基于矢量的，它的大小将加倍，并且几乎没有明显的失真 如果小图像是高分辨率的（例如300 dpi而不是传统的72 dpi），您可以在不明显失真的情况下将大小加倍 否则 尝试将图像放入图像元素中，并使浏览器的大小加倍。现代浏览器使用双三次插值并进行合理的缩放 把图片放到Photoshop里放大。尝试使用双三次平滑器和双三次锐化器，看看哪一种最适合您的特定图像 如果这些都不适用于您，请尝试通过缩放x2来“欺骗”，然后应用轻微的模糊来隐藏失真。一个有用的高斯/盒模糊库是Quasimondo的stackblur：Html5 canvas html5画布增加图像大小,html5-canvas,Html5 Canvas,我正在寻找一个解决方案，以显示在更大的画布较小的图像。想知道是否有一种方法可以在safari和chrome浏览器上的html5画布运行时将图像大小增加100%而不失真。也许 如果图像是基于矢量的，它的大小将加倍，并且几乎没有明显的失真 如果小图像是高分辨率的（例如300 dpi而不是传统的72 dpi），您可以在不明显失真的情况下将大小加倍 否则 尝试将图像放入图像元素中，并使浏览器的大小加倍。现代浏览器使用双三次插值并进行合理的缩放 把图片放到Photoshop里放大。尝试使用双三次平滑器和双