一个很好用的小程序生成二维码海报的组件库
在小程序开发完成之后,我们会时常遇到这样的一个问题,小程序该怎么推广,增加曝光量,让更多的人看到?我们都知道,小程序推广一般是给小程序增加一个分享的功能,可以分享到群里面。
但是不能发朋友圈,若是想发到朋友圈,采取的办法是一件生成海报,这样就产生了一个需求了,那就是小程序生成二维码海报的要求。如果是自己写的话,那肯定是要花费一番精力,这个时候要是有一款开源组件直接用那就好了,这不,我们的程序员小哥哥已经将自己的宝贵的源码开源出来了,笔芯~
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」
一定要备注:城市+昵称+技术方向,根据格式备注,可更快被通过且邀请进群
一个很好用的小程序生成二维码海报的组件库相关推荐
- 小程序生成二维码海报
在小程序开发完成之后,我们会时常遇到这样的一个问题,小程序该怎么推广,增加曝光量,让更多的人看到?我们都知道,小程序推广一般是给小程序增加一个分享的功能,可以分享到群里面. 但是不能发朋友圈,若是想发 ...
- 【精】微信小程序生成二维码海报分享 [原理+源码]
关于海报分享的教程数不胜数, 但是我没能找到一个好用的, 为了实现这个功能结合了三篇教程耗时三天才把海报搞定; 首先网络上教程都是直接上教程代码, 然后代码加思路, 对小白我来说就是一头雾水, 只能边 ...
- uniapp开发微信小程序生成二维码海报
<template> <view> <button @click="open"></button> <view class=& ...
- 【微信小程序】微信小程序生成二维码报错errcode=41030,invalid page rid
场景 调用微信小程序生成二维码接口,提示报错 错误内容 array(2) {["errcode"] => int(41030)["errmsg"] =&g ...
- 微信小程序生成二维码的两种方式
微信小程序生成二维码的两种方式 2020/11/10 第一种,利用网络api自动生成 <image class="xin-erma" src="{{'https:/ ...
- 微信小程序生成二维码js
微信小程序生成二维码js 参考:https://github.com/tomfriwel/weapp-qrcode 最新的二维码工具:https://github.com/KeeeX/qrcodejs ...
- 【微信小程序生成二维码并下载,分享】
微信小程序生成二维码并保存,分享,下载 依赖工具 使用weapp-qrcode-base64库生成二维码的base64编码 链接:weapp-qrcode-base64 安装 npm install ...
- 微信小程序生成二维码带参海报
微信小程序生成二维码带参海报 没错,就是用 canvas 来实现 文章目录 微信小程序生成二维码带参海报 获取屏幕分辨率比 生成二维码 获取网络图片并转为本地临时文件 绘制背景图片以及二维码 代码片段 ...
- 微信小程序生成二维码,接口C接收值
微信小程序生成二维码,接口C接收值 深坑 解决 接口C替代方案 深坑 当我们用微信二维码生成接口c类型的二维码时,需要传入参数,而根据文档 我们填写 path时 传入参数例如 pah: page/in ...
最新文章
- 2020诺奖预测出炉!一位华人学者入选
- Python Module_oslo.vmware_连接 vCenter
- 禁用cookie后怎么使用session_Session 和 Cookie 的区别?你在项目中哪些地方使用了?...
- 记-php的设计模式
- MyBatis 缓存详解-二级缓存验证
- Windows上编译libpng
- 数据结构与就算法(选择排序)
- Advanced Logging For IIS
- Spring Cloud with Turbine
- Spring实战——Profile
- 211.添加与搜索单词-数据结构设计
- 使用WPS邮件合并功能和文档部件插入图片制作准考证
- 京东11万蓝领和1万白领,折射的是整个中国互联网
- 软件定义汽车的关键—车载操作系统
- php 微信上传素材,微信上传素材php代码
- 识别滑块缺口位置DLL
- 蓝牙的Baseband说明
- react中onClick点击事件
- python计算量比指标
- 【OpenCV 笔记】金字塔光流法追踪运动目标
热门文章
- RabbitMQ的消息补偿机制
- java倒序输出英文句子_java逆序英文句子中的单词顺序
- 一盒两用——破解移动IPTV机顶盒为两用安卓机顶盒
- 如何用wireshark来解析出PDCP-LTE格式,即把PDCP报文突出到wireshark
- 康奈尔大学的计算机专业怎么样,美国名校康奈尔大学计算机专业介绍
- 技术VC=技术+VC?技术VC公司如何生存?
- 大数定理详解(转载)
- iphone照片恢复至android,将照片从Android传输到iPhone的8种方法很容易
- Hibernate学习-14:实体之间的关系及其配置,级联操作
- 4.11 51单片机-LCD1602显示屏