沒什么可解析的，直接上代碼：
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