草庐IT

webkitBackingStorePixelRatio

全部标签

javascript - 如何在 Chrome 上以高分辨率绘制 Canvas ?为什么如果 devicePixelRatio === webkitBackingStorePixelRatio 缩放到 2 倍会提高分辨率?

我正在尝试将300dpi图像绘制到Canvas对象,但在Chrome中它显示的质量很差。当我使用下面的代码时,它没有改善,但那是因为devicePixelRatio与backingStoreRatio相同(均为1)。然后我尝试强制更改一些比率并发现以下内容:如果我将ratio更改为2并强制运行缩放代码,则它会以更好的分辨率绘制到Canvas上。如果我将ratio更改为大于2的值(例如3、4、5、6等)然后它的分辨率差!这一切都是在台式电脑上完成的。如何确保Canvas以高分辨率绘制?(代码来自:http://www.html5rocks.com/en/tutorials/canvas/