小程序关于 canvas 导出图片很模糊问题及解决方法

579 阅读1分钟

今天在写小程序中遇到了一个问题折腾了很久。就是产品要做一个保存图片到相册的需求。

首先使用canvas把每个图片和文字一个个的拼到画布上面

drawImage("图片src",x坐标,y坐标,宽尺寸,高尺寸)

但是真机上面就很糊,模拟器上面也很糊

为了解决这个问题首先我们要 使用 getImageInfo() 拿到图片的 width 和 height ,让 canvas 的宽和高和图片的尺寸保持一致。如果这还不够清晰,别怕!

我们可以选择二倍图的图片和画布然后给画布设置

transform:scale(0.5)

缩放一倍就好了