小程序截图保存到相册

没什么可解析的，直接上代码：

html部分：

<view class='container'>

<canvas canvas-id='testCanvas' class='testCanvas'></canvas>

<button bindtap='clickMe' open-type="getuserinfo">点击我生成图片保存相册</button>

</view>

 

js部分：

画图片：

　　

var ctx = wx.createCanvasContext('testCanvas');

ctx.drawImage('../../img/axAc.png', 0, 0, 320, 300);

ctx.drawImage('../../img/ax.png', 90, 90, 140, 140);

ctx.draw();

 

点击截图：

clickMe:function(){

wx.canvasToTempFilePath({

canvasId: 'testCanvas',

fileType: 'jpg',

success: function (res) {

wx.saveImageToPhotosAlbum({

filePath: res.tempFilePath,

success(res) {

console.log(res)

wx.hideLoading();

wx.showToast({

title: '保存成功',

});

},

fail() {

wx.hideLoading()

}

})

}

})

},

 

技术在于讨论中进步：http://www.cnblogs.com/laiqiangjin

转载于:https://www.cnblogs.com/laiqiangjin/p/9212597.html