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

微信小程序生成图片之后，生成图片不清楚。需要设置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

})

}

})

小程序帧流是指在小程序中控制动画的显示频率，以达到更加流畅的动画效果。具体使用方法如下：

1. 在小程序中引入wx.createAnimation()方法创建动画对象。

2. 使用setInterval()或requestAnimationFrame()方法控制动画的帧率。setInterval()方法会在指定的时间间隔内循环执行动画，而requestAnimationFrame()方法则会在浏览器下一次重绘之前执行动画。

3. 在动画中使用step()方法更新动画状态，将动画状态传递给animation对象。

4. 使用export()方法将动画对象导出，以便在小程序中使用。

以下是示例代码：

```

// 创建动画对象

var animation = wx.createAnimation({

duration: 1000,

timingFunction: 'ease',

delay: 0,

transformOrigin: '50% 50% 0'

})

// 控制帧率

setInterval(function () {

// 更新动画状态

animation.translateX(100).step()

animation.rotate(360).step()

// 导出动画对象

wx.exportAnimation({

animationData: animation.export()

})

}, 1000 / 60)

```

---