swan.canvasToTempFilePath

swan.canvasToTempFilePath

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

方法参数

Object object

object参数说明

示例

扫码体验

请使用百度APP扫码

图片示例

代码示例 1

在开发者工具中预览效果

2.7.0-beta及其以上版本进行预览，正式版将在2.6.1以上版本支持。

<canvas canvas-id="myCanvas" /><button type="primary" bindtap="canvasToTempFilePath">canvasToTempFilePath</button><image src="{{src}}"></image>

Page({     data: {        src: ''    },    onReady: function () {        const canvasContext = this.createCanvasContext('myCanvas');        canvasContext.setFillStyle('#ff0000');        canvasContext.arc(100, 50, 50, 0, 2 * Math.PI);        canvasContext.fill();        canvasContext.draw();    },    canvasToTempFilePath (){        const that = this;        swan.canvasToTempFilePath({            x: 0,            y: 0,            width: 300,            height: 225,            destWidth: 300,            destHeight: 225,            canvasId: 'myCanvas',            success: function(res){                that.setData("src", res.tempFilePath);                swan.showModal({                    title: '图片路径',                    content: JSON.stringify(res.tempFilePath)                })            }        })    }})

代码示例 2：在draw中使用

在开发者工具中预览效果 2.19.0-rc及其以上版本进行预览，正式版将在2.18.1(不包括2.18.1)以上版本支持。

<canvas canvas-id="myCanvas" /><image src="{{src}}"></image>

Page({     data: {        src: ''    },    onReady: function () {        let that = this;        const canvasContext = this.createCanvasContext('myCanvas');        canvasContext.setFillStyle('#ff0000');        canvasContext.arc(100, 50, 50, 0, 2 * Math.PI);        canvasContext.fill();        canvasContext.draw(function() {            swan.canvasToTempFilePath({                x: 0,                y: 0,                width: 300,                height: 225,                destWidth: 300,                destHeight: 225,                canvasId: 'myCanvas',                success: function(res){                    that.setData("src", res.tempFilePath);                    swan.showModal({                        title: '图片路径',                        content: JSON.stringify(res.tempFilePath)                    })                }            })        });    }})

CanvasContext