小程序(Wepy)--生成海报图片

对于小程序的分享, 除了分享给朋友, 好友群,是可以直接做到的, 但是要想扩大推广范围, 通过生成海报图片, 将自己小程序码带进去,应该是目前我所知的好办法了.

但是海报也不是那么好搞.之前自己手写出来的, 效果可以是可以,但问题还是百出,只能怪自己的技术还不到家......(加油).

昨天在逛小程序社区时,发现了一个海报插件.就动手试了试,效果还是让我比较满意的.

Wxml2Canvas   https://github.com/wg-front/wxml2canvas(感谢大神的插件) 

插件的文档说的很详细了, npm安装的话, 在我这里会出问题, 所以我去github上将源码下载了下来, 将所需的JS文件放在了项目的canvasJS文件夹下.

因为公司的项目使用的wepy框架, 所以我这里写了两份demo, 一份是原生的, 一份是wepy的,  最后的效果都是一样的.

插入代码有点多, 所以就上传到了博客园文件里了, 需要的道友可以去下载.

 

原生项目(是小程序代码片段) https://files.cnblogs.com/files/yk95/posterTemp.zip

wepy项目()https://files.cnblogs.com/files/yk95/wepy-poster-test.zip

wepy项目,需要本地装好环境,这里就不多说了, 参考链接 https://tencent.github.io/wepy/document.html#/

 

下面是生成的效果图

 

小程序(Wepy)--生成海报图片

小程序(Wepy)--生成海报图片

上一篇:小程序入门---开发工具的使用


下一篇:小程序-带参跳转页面