qq.canvasToTempFilePath(Object object, Object this)

把当前画布指定区域的内容导出生成指定大小的图片。在 draw() 回调里调用该方法才能保证图片导出成功。

参数

Object object
属性类型默认值必填说明最低版本
xnumber0否指定的画布区域的左上角横坐标
ynumber0否指定的画布区域的左上角纵坐标
widthnumbercanvas宽度-x否指定的画布区域的宽度
heightnumbercanvas高度-y否指定的画布区域的高度
destWidthnumberwidth屏幕像素密度否输出的图片的宽度
destHeightnumberheight屏幕像素密度否输出的图片的高度
canvasIdstring是画布标识，传入 <canvas> 组件的 canvas-id
fileTypestringpng否目标文件的类型
qualitynumber是图片的质量，目前仅对 jpg 有效。取值范围为 (0, 1]，不在范围内时当作 1.0 处理。
successfunction否接口调用成功的回调函数
failfunction否接口调用失败的回调函数
completefunction否接口调用结束的回调函数（调用成功、失败都会执行）

object.fileType 的合法值

值说明
jpgjpg 图片
pngpng 图片
object.success 回调函数

参数

Object res

属性类型说明
tempFilePathstring生成文件的临时路径
Object this

在自定义组件下，当前组件实例的this，以操作组件内 <canvas> 组件

示例代码

  1. qq.canvasToTempFilePath({
  2.   x: 100,
  3.   y: 200,
  4.   width: 50,
  5.   height: 50,
  6.   destWidth: 100,
  7.   destHeight: 100,
  8.   canvasId: 'myCanvas',
  9.   success(res) {
  10.     console.log(res.tempFilePath)
  11.   }
  12. })