微信小程序设置图片清晰度

微信小程序生成图片之后，生成图片不清楚。烂贺需要设置canvas里生成图片的参数。

destWidth 生成图片逗乎的宽度，数值越大图片越清楚饥指派。

destHeight 生成图片的高度，数值越大图片越清楚。

数值不是越大越好，数值越大，生成的图片越大，图片加载的也就越慢

wx.canvasToTempFilePath({

x: 0,

y: 0,

width: w,

height: h,

destWidth: w,

destHeight: h,

canvasId: 'shareCanvas',

success: function (res) {

wx.saveImageToPhotosAlbum({

filePath: res.tempFilePath,

success(res) {

wx.showToast({

title: '图片已经生成',

icon: 'loading',

duration: 1000

})

}

})

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

解决方法：

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

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

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

---