但是不能发朋友圈,若是想发到朋友圈,采取的办法是一件生成海报,这样就产生了一个需求了,那就是小程序生成二维码海报的要求。如果是自己写的话,那肯定是要花费一番精力,这个时候要是有一款开源组件直接用那就好了,这不,我们的程序员小哥哥已经将自己的宝贵的源码开源出来了,笔芯~
wxa-plugin-canvas 是一个生成二维码海报的组件,通过非常简单的配置就可以生成精美的海报。反正大家知道这个开源库非常好用就行了。
开源项目地址:https://github.com/jasondu/wxa-plugin-canvas
开源项目作者:jason
效果图如下:
安装
方式一.通过 npm 安装 (推荐)
小程序已经支持使用 npm 安装第三方包,详见 npm 支持
# npm
npm i wxa-plugin-canvas -S --production
# yarn
yarn add wxa-plugin-canvas --production
方式二.下载代码
直接通过 git 下载 wxa-plugin-canvas 源代码,并将miniprogram_dist
目录拷贝到自己的项目组件目录中
使用组件
{
"usingComponents": {
"poster": "wxa-plugin-canvas/poster",
}
}
接着就可以在 wxml 中直接使用组件
<poster id="poster" config="{{posterConfig}}" bind:success="onPosterSuccess" bind:fail="onPosterFail">
<button>点击生成海报</button>
</poster>
重磅!前端迷 交流群已成立
在前端学习的这条道路上,我么总是会遇到这样或者那样的问题,如果自己蒙头解决或许要花很多时间,如果这个时候你的身边有很多前端大佬,有很多前端小伙伴聚集的地方,就可能遇到过同样的问题,给出解决方案,这样就简单方便多了,困扰自己的问题也能够很快解决,头发也能少掉几根。
为了让你每天学会一个技术,少掉两根头发,多认识一个女生,黔在在创建了一个「前端迷 交流群」,更好的跟大家一起学习交流,大家一起进步,一起成为更好的自己。
有兴趣入群的同学,可长按扫描下方二维码,或添加微信号「xiao_mi_mei6」
一定要备注:城市+昵称+技术方向,根据格式备注,可更快被通过且邀请进群