H5 上用canvas绘图模糊的原因及解决办法

H5 上用canvas绘图模糊的原因及解决办法

原因:

举个例子,如果canvas设置width = 375,那么相当于这个图片的真实宽度就是375,这个时候我用css设置它的宽度为375,在手机上(比如dpr为2的手机)渲染出来的就是750(会被放大两倍)

解决办法:

canvas画一个放大过的图片(750),我代码里设置它宽度375,手机渲染出来的是750 和图片真实尺寸750一样大,所以不会模糊

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章