canvas 使绘制的图片在div 居中显示 ，解决绘图模糊问题

一：绘图在div 居中显示：

首先把canvas当成未知的图片来处理，未知图片的居中显示如下：

二：绘图模糊

canvas作为画布，不能用css和style的方式设置宽高，他有自己特定的属性，width和height。不管当前的图片有多大，画布的宽高设置为图片的二倍，ctx.drawImge（）绘制图片后，在用canvas的css再次定义，使其的宽高和图片大小一直，就可以解决canvas绘制图片模糊的问题。

实现代码如下：