问题：canvas绘制图片，图片变模糊
设定一个一定尺寸的canvas，我这里设置的画布大小是400px*400px。当一张图片完全画到画布上的时候，大概率都会出现图片模糊的情况。
我拿下面一张图片画到canvas上作为例子，看上去应该比较明显的有模糊的感觉。
单方面的去修改图片精度，换成更高清的图片，事实证明确实有一丢丢用，但是效果不是很明显。况且我当时那个图片由于是手绘的，大小有5m，也不会切片加载图片，直接整个加载非常耗时。
那么如何去处理这样的问题呢？
生活中应该大家都遇到过这样的情况，同样的1080p的视频，在大屏显示器上看和手机上看效果是不一样的，大屏往往会让人感觉一种模糊感。而在手机小屏幕上，就会感觉异常的清晰。
要点：两个点
通过上面的一个例子，我们可以将图片放大，然后再绘制进原先大小的canvas中，这样图片的精度受损会比较小
了解canvas的绘制原理（*打星号）
canvas其实就是一张画布，所以如果可以的话，你可以将它放大，可以发现它也是有一个个的像素组成的。
如上图，可以看到一个个的网格。假设我们需要在上面绘制一条1px的线条，就会得到上面的效果。
但是canvas是的绘制方式是从中线开始绘制，并向两侧延伸的。
他会以图中的红线作为中线，向两边延伸，从而得到1px的纵向线条。但是像素是不允许0.5px的出现的，所以它索性就直接再延伸一点，将像素给填满。所以你看到的效果是下面这种
