使用canvas画图，图形模糊怎么办

Posted 2023-03-14

参考技术A 有几点需要注意：
1.
canvas元素
的宽和高为之前的两倍
2.
使用ctx.scale(2,2)将绘图放大两倍
3.
在父元素中添加的class中有放大缩小元素的zoom属性，0.5为缩小一倍。当然你也可以用
css3
中的
transform
:scale(0.5,0.5)的办法去缩小，只是使用这种方法不会改变布局大小，即canvas虽然视觉上变小了，但它仍旧会占两倍的高和宽。