微信小程序生成海报(含带参数的小程序码)

在小程序开发中我们经常会遇到这样一个功能需求,分享海报。生成相关图片保存到相册,网上也有不少插件,但是都是五花八门。今天我分享一个在网上收集的小程序生成海报(带小程序码)的教程+插件,话不多说直接开始。

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
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值