在小程序开发中我们经常会遇到这样一个功能需求,分享海报。生成相关图片保存到相册,网上也有不少插件,但是都是五花八门。今天我分享一个在网上收集的小程序生成海报(带小程序码)的教程+插件,话不多说直接开始。
1.可以先在这里在线绘制你所需要的海报图片样式。绘制完成后点击复制代码或者导出json,在你的项目中新建一个js文件(我放在了公共文件夹为module.js),把你复制的代码拷贝进去。
2.painter.js主仓库是完整的例子,这里我们只需要我们需要的文件夹就(painter文件夹)行了。例子不用下载。将painter文件夹放到你项目文件夹的components(组件)文件夹里面
3.在你需要使用该插件的地方引入该组件,并在wxml中使用它。
palette绑定需要绘制的模板,下面是js
import Module from '../../utils/module'
import request from '../../utils/request'
Page({
imagePath:"",//小程序码路径
isSave:false,//是否在保存中
//data中需要这个参数
data:{
template:{
},//渲染模板
}
onload(){
this.setData({
//shareInfo为你需要分享的相关信息,自行在Module.js里面进行设置变量。
template:new Module().palette(shareInfo)
})
},
// 将小程序码放入微信临时存储
base64src