uniapp中uni.canvasToTempFilePath的使用实例

uni.canvasToTempFilePath是uni-app中用于将canvas内容转换为临时文件路径的API。它的使用实例如下：

1. 在vue文件中定义canvas对象:

<template>
  <canvas id="canvas"></canvas>
</template>

<script>
export default {
  mounted() {
    // 获取canvas对象
    this.canvas = uni.createCanvasContext('canvas', this);
  },
}
</script>

2. 在需要转换为图片的地方调用canvasToTempFilePath方法:

export default {
  methods: {
    // 转换为图片
    toImage() {
      uni.canvasToTempFilePath({
        canvasId: 'canvas',
        success: (res) => {
          console.log(res.tempFilePath); // 输出临时文件路径
        },
        fail: (res) => {
          console.log(res.errMsg);
        },
      }, this);
    },
  },
}

其中，canvasId表示要转换的canvas对象的id，success回调函数中的res.tempFilePath表示转换后的临时文件路径。

注意：在调用canvasToTempFilePath之前，要先将canvas画好内容。