把当前画布指定区域的内容导出生成指定大小的图片。在 draw() 回调里调用该方法才能保证图片导出成功。
QQ mac版本:支持
QQ windows版本:支持
| 属性 | 类型 | 默认值 | 必填 | 说明 | 最低版本 | 
|---|---|---|---|---|---|
| x | number | 0 | 否 | 指定的画布区域的左上角横坐标 | |
| y | number | 0 | 否 | 指定的画布区域的左上角纵坐标 | |
| width | number | canvas宽度-x | 否 | 指定的画布区域的宽度 | |
| height | number | canvas高度-y | 否 | 指定的画布区域的高度 | |
| destWidth | number | width*屏幕像素密度 | 否 | 输出的图片的宽度 | |
| destHeight | number | height*屏幕像素密度 | 否 | 输出的图片的高度 | |
| canvasId | string | 是 | 画布标识,传入 <canvas> 组件的 canvas-id |  ||
| fileType | string | png | 否 | 目标文件的类型 | |
| quality | number | 是 | 图片的质量,目前仅对 jpg 有效。取值范围为 (0, 1],不在范围内时当作 1.0 处理。 | ||
| success | function | 否 | 接口调用成功的回调函数 | ||
| fail | function | 否 | 接口调用失败的回调函数 | ||
| complete | function | 否 | 接口调用结束的回调函数(调用成功、失败都会执行) | 
object.fileType 的合法值
| 值 | 说明 | 
|---|---|
| jpg | jpg 图片 | 
| png | png 图片 | 
参数
Object res
| 属性 | 类型 | 说明 | 
|---|---|---|
| tempFilePath | string | 生成文件的临时路径 | 
在自定义组件下,当前组件实例的this,以操作组件内 <canvas> 组件
qq.canvasToTempFilePath({
  x: 100,
  y: 200,
  width: 50,
  height: 50,
  destWidth: 100,
  destHeight: 100,
  canvasId: 'myCanvas',
  success(res) {
    console.log(res.tempFilePath)
  }
})