小程序截图保存到相册

Posted laiqiangjin

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了小程序截图保存到相册相关的知识,希望对你有一定的参考价值。

没什么可解析的,直接上代码:

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

以上是关于小程序截图保存到相册的主要内容,如果未能解决你的问题,请参考以下文章

微信小程序保存图片到相册

小程序生成海报保存图片到相册小测试

微信小程序实现将图片保存到手机相册

微信小程序点击保存图片到相册

2020-08-29 Uniapp APP端、小程序长按图片保存图片到本地相册(亲测可用)

微信简历小程序保存图片