小程序-页面生成为图片，点击保存和分享

我们完成海报的书写后，注意，在根标签中，也就是

<l-painter isCanvasToTempFilePath path-type="url" @success="success">
    // 这里是你书写的海报样式代码
</l-painter>

isCanvasToTempFilePath // 主动生成图片

path-type // 你生成图片路径的类型 url/base64

@success // 图片生成成功的回调函数，这里可以进行一些操作

原文档中也有对该组件的描述，如下图：

二、功能完善

 完成上述操作后，我们需要一个点击事件来调用微信小程序自带的预览图片的API，也就是如下效果：

 下面附上实现该功能的代码：

// 点击预览
click() {
	wx.previewImage({
		current: this.path, // 当前显示图片的http链接
		urls: [this.path] // 需要预览的图片http链接列表
	})
},

注意：wx.previewImage中的urls是一个数组，这里的写法需要小心一点，避免出错

或者使用另外一个API，也可以实现分享和保存的功能

// 打开分享图片弹窗，可以将图片发送给朋友、收藏或下载
wx.showShareImageMenu({
	path: this.path,
})

path // 要分享的图片路径

两者差别， 我个人觉得并不是很大，具体还是以项目需求为准，因为有的甲方就是要求用这样的方式更好，那你也没有办法。 

该功能并不是很难，只要花点时间查看文档就能找到解决办法。如果上述的愚见对你也有所帮助的话，不妨点点赞，点点关注，支持一下博主吧！