微信小程序生成海报（含带参数的小程序码）

最新推荐文章于 2024-05-14 10:49:23 发布

web_noob

最新推荐文章于 2024-05-14 10:49:23 发布

阅读量2.5k

点赞数

分类专栏：小程序 JavaScript 文章标签：小程序 js

本文链接：https://blog.youkuaiyun.com/web_noob/article/details/108222810

版权

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

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

最低0.47元/天解锁文章