- 先为canvas设置width和height,有时候没设置width和height,就会显示得非常模糊
const rect = canvas.getBoundingClientRect()
const dpr = window.devicePixelRatio
canvas.width = rect.width * dpr
canvas.height = rect.height * dpr
- 如果还是有一些模糊,可以设置
const ctx = canvas.getContext(‘2d’)
// 防止绘制模糊
ctx.translate(0.5, 0.5)
参考:
面试中canvas绘制图片模糊图片问题处理:https://www.jb51.net/html5/815034.html