canvas绘图在手机上边缘粗糙

canvas本身的精度与展示的精度问题，canvas本身的width和height 代表canvas自身的大小，而canvas css的width和height属性代表在浏览器中的显示大小，对于粗糙问题，我们可以通过放大canvas本身的大小，同时缩小浏览器中的显示大小，这样单位面积内 canvas的精度就会提高，从而避免移动端 canvas粗糙问题，移动端 canvas粗糙问题，本质上是如果你把canvas设置为px 这个时候实际上设置的是设备像素大小，因为移动端屏幕是高清的，这个时候很容易看出css 像素，才会导致canvas粗糙，当我们把canvas本身的大小 提高到原先的2到3倍，从而使得单位css像素内的物理像素密度提高，从而解决粗糙问题