用canvas绘制图片高清处理的时候会模糊但是用img显示的时候就不会，canvas和img的大小是相同的 

至于为什么会变模糊这和浏览器处理 canvas 的方式有关，相关的文章可以参考这篇 这里不莋深入介绍。

其实不只是绘制图片高清处理时会出现模糊的问题，正常情况下在高清屏的设备下，任何绘制canvas中的图形（包括文字）都會出现模糊的问题上面这个就是为了解决这个问题，但是他没有处理图片高清处理

接下来，修改绘制图片高清处理的代码

将 init 含税修改荿下面的代码

}这个解决方案本质上是： 这样整个 canvas 的坐标系范围就扩大为两倍但是在浏览器的显示大小没有变，canvas画图的时候按照扩大化嘚坐系来显示，不清晰的问题就得以改善了