H5中解决Canvas绘制图片模糊的问题

1. 先为canvas设置width和height，有时候没设置width和height，就会显示得非常模糊

const rect = canvas.getBoundingClientRect()
const dpr = window.devicePixelRatio
canvas.width = rect.width * dpr
canvas.height = rect.height * dpr

2. 如果还是有一些模糊，可以设置

const ctx = canvas.getContext(‘2d’)
// 防止绘制模糊
ctx.translate(0.5, 0.5)

参考：
面试中canvas绘制图片模糊图片问题处理：https://www.jb51.net/html5/815034.html