移动端Canvas出现锯齿和模糊

Question

如题所述

Answer 1

在使用canvas绘图时，发现在移动端、ipad出现锯齿或模糊的情况，这是因为 设备像素比（Device pixel ratio） 的差异导致的。

解决方法：

1、将canvas的 属性： width/height 乘以 设备像素比；

2、canvas的css 样式 ：width/height不变；

3、canvas上下文ctx进行设备像素比缩放；