微信小程序|小程序开发
javascript
微信小程序-小程序开发
每个小程序成型后,一般都会选择生成带菊花码的海报分享出去来吸引更多的流量。下面来介绍下其他的一种实现方式吧
自媒体广告源码,vscode如何改变背景,详细安装ubuntu,tomcat 看日志,查看sqlite3软件,小程序的前端需要用框架吗,易语言股票数据爬虫,php url请求参数,东莞seo项目咨询,大屏首页滚动网站源码,免费特效网页代码大全,ecshop设置模板缓存lzw
原理:主要利用微信小程序强大的Canvas API来合成,生成后可用wx.canvasToTempFilePath()导出图片地址,从而可实现预览及保存至手机相册
discuz 发帖 源码,ubuntu命令查找器,tomcat多台机子连接,资源爬虫aop,定时任务系统php,字节跳动seolzw
A、如何使用
打开项目文件夹
cmstop 媒体版源码,vscode文件开头注释,ubuntu 绿联,有域名tomcat,手机sqlite3缺失,百度竞价怎么避免爬虫,php 正则 u,崇州seo推广公司,织梦网站开通在线投稿,纯网页源码,sw6.8 模板lzw
1、 git clone /WGinit/mini-poster.git
2、在待使用页面Json文件中注册该组件
{ “usingComponents“: { “share-image“: “/components/share_image/share_image“ }}
3、在页面中使用该组件
B、参数配置
dataList: { canvasData:{type: image,url: \,top: 0,left: 0,width: 750,height: 1334,comment: 背景图,btnText: 保存至相册 }, content: [{type: image,url: \,top: 136,left: 100,shape: square,width: 290,height: 186,comment: 头像 }, {type: ext,content: 白山羊,top: 336,left: 100,fontSize: 40,lineHeight: 40,color: #f00,textAlign: left,weight: old,maxWidth: 287 }] }
C、参数说明
D、备注
上述单位都是参照设计稿(750 * 1334)而来,实际情况可直接按设计稿上尺寸配置参数.
相关文章:
js与canvas合成图片做出微信公众号海报功能
微信小程序的多文件下载封装使用