canvas显示图片分辨率降低优化

canvas画布尺寸

      cavas 标签上定义的height、weigth属性

canvas显示尺寸

      canvas style定义的height、weight属性

图片像素渲染到canvas像素再到显示尺寸像素再到屏幕实际像素，这个过程会造成像素的抽稀和差值，这个过程导致照片模糊。

可以把画布尺寸设置为与图片尺寸相同大小来解决。

如图片尺寸为1920*1200，则把画布也设置相同尺寸

<canvas height="1200",width="1920"  id="myCanvas"><canvas>

设置style显示尺寸

#myCanvas{

height:100%;

width:100%;

}