uni.canvasToTempFilePath(OBJECT, this)

把当前画布指定区域的内容导出生成指定大小的图片,并返回文件路径。在自定义组件下,第二个参数传入自定义组件实例 this,以操作组件内 <canvas> 组件。

OBJECT参数说明:

参数类型必填说明
xNumber画布x轴起点(默认0)
yNumber画布y轴起点(默认0)
widthNumber画布宽度(默认为canvas宽度-x)
heightNumber画布高度(默认为canvas高度-y)
destWidthNumber输出图片宽度(默认为 width 屏幕像素密度)
destHeightNumber输出图片高度(默认为 height 屏幕像素密度)
canvasIdString画布标识,传入 <canvas/> 的 canvas-id
fileTypeString目标文件的类型,只支持 'jpg' 或 'png'。默认为 'png'
qualityNumber图片的质量,取值范围为 (0, 1],不在范围内时当作1.0处理
successFunction接口调用成功的回调函数
failFunction接口调用失败的回调函数
completeFunction接口调用结束的回调函数(调用成功、失败都会执行)

示例代码

  1. uni.canvasToTempFilePath({
  2. x: 100,
  3. y: 200,
  4. width: 50,
  5. height: 50,
  6. destWidth: 100,
  7. destHeight: 100,
  8. canvasId: 'myCanvas',
  9. success: function(res) {
  10. // 在H5平台下,tempFilePath 为 base64
  11. console.log(res.tempFilePath)
  12. }
  13. })

发现错误?想参与编辑?在 GitHub 上编辑此页面!