1. 程式人生 > >小程序截圖保存到相冊

小程序截圖保存到相冊

canvas draw ole ces www IE raw div filepath

沒什麽可解析的,直接上代碼:

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

小程序截圖保存到相冊