wx.canvasToTempFilePath导出的图片不清晰

使用wx.canvasToTempFilePath接口,导出的canvas图片在手机上看不清晰

解决办法:本质上就是生成一个更大的图片,因为手机的屏幕设备的像素比现在一般都是超过2的。实际上我们只需要在使用wx.canvasToTempFilePath的时候,设置参数destWidth和destHeight(输出的宽度和高度)为width和height的2倍以上即可。当然也可以获取设备像素比,然后输出宽度高度乘以像素比,如下:

使用wx.getSystemInfo()获取设备像素比pixelRatio

wx.canvasToTempFilePath导出的图片不清晰_第1张图片

将wx.canvasToTempFilePath中参数设置为如下所示

destWidth:width * pixelRatio 
destHeight:height * pixelRatio 

wx.canvasToTempFilePath导出的图片不清晰_第2张图片

你可能感兴趣的:(前端,javascript,微信小程序)