微信小程序教程
7.9.7 wx.canvasToTempFilePath
阅读(

微信小程序介绍

微信小程序设计指南

微信小程序开发简介

微信小程序开发框架

微信小程序框架视图层

微信小程序框架组件

微信小程序框架 API

概述

网络

媒体

操作文件

本地存储

位置

设备

界面

Canvas绘图

wx.createCanvasContext

Canvas API

渐变

颜色

Canvas坐标系

概述

wx.canvasToTempFilePath

wx.canvasToTempFilePath(OBJECT)方法把当前画布指定区域的内容导出生成指定大小的图片,并返回文件路径。

OBJECT参数说明:

参数 类型 必填 说明 最低版本
x Number 画布x轴起点(默认0) 1.2.0
y Number 画布y轴起点(默认0) 1.2.0
width Number 画布宽度(默认为canvas宽度-x) 1.2.0
height Number 画布高度(默认为canvas高度-y) 1.2.0
destWidth Number 输出图片宽度(默认为width) 1.2.0
destHeight Number 输出图片高度(默认为height) 1.2.0
canvasId String 画布标识,传入<canvas/>的 cavas-id
fileType String 目标文件的类型,只支持 'jpg' 或 'png'。默认为 'png' 1.7.0
quality Number 图片的质量,取值范围为 (0, 1],不在范围内时当作1.0处理 1.7.0
success Function 接口调用成功的回调函数
fail Function 接口调用失败的回调函数
complete Function 接口调用结束的回调函数(调用成功、失败都会执行)

示例代码

wx.canvasToTempFilePath({
  x: 100,
  y: 200,
  width: 50,
  height: 50,
  destWidth: 100,
  destHeight: 100,
  canvasId: 'myCanvas',
  success: function(res) {
    console.log(res.tempFilePath)
  } 
})

如果本教程对您帮助很大,请随意打赏。您的支持,将鼓励我们提供更好的教程!

← 键盘方向键翻页 →
返回顶部 手机访问 关注微信 返回底部

扫码访问歪脖网

随时随地,想看就看

关注歪脖网微信

分享 web 知识、交流 web 经验