H5 上用canvas绘图模糊的原因及解决办法
原因:
举个例子,如果canvas设置width = 375,那么相当于这个图片的真实宽度就是375,这个时候我用css设置它的宽度为375,在手机上(比如dpr为2的手机)渲染出来的就是750(会被放大两倍)
解决办法:
canvas画一个放大过的图片(750),我代码里设置它宽度375,手机渲染出来的是750 和图片真实尺寸750一样大,所以不会模糊
举个例子,如果canvas设置width = 375,那么相当于这个图片的真实宽度就是375,这个时候我用css设置它的宽度为375,在手机上(比如dpr为2的手机)渲染出来的就是750(会被放大两倍)
canvas画一个放大过的图片(750),我代码里设置它宽度375,手机渲染出来的是750 和图片真实尺寸750一样大,所以不会模糊
https://blog.csdn.net/u013129300/article/details/129329786