小程序生成二维码海报的组件-wxa-plugin-canvas

作者:神秘网友 发布时间:2020-10-15 17:55:35

小程序生成二维码海报的组件-wxa-plugin-canvas

小程序生成二维码海报的组件-wxa-plugin-canvas

在小程序开发完成之后,我们会时常遇到这样的一个问题,小程序该怎么推广,增加曝光量,让更多的人看到?我们都知道,小程序推广一般是给小程序增加一个分享的功能,可以分享到群里面。

但是不能发朋友圈,若是想发到朋友圈,采取的办法是一件生成海报,这样就产生了一个需求了,那就是小程序生成二维码海报的要求。

如果是自己写的话,那肯定是要花费一番精力,这个时候要是有一款开源组件直接用那就好了,这不,我们的程序员小哥哥已经将自己的宝贵的源码开源出来了,笔芯~

wxa-plugin-canvas 是一个生成二维码海报的组件,通过非常简单的配置就可以生成精美的海报。反正大家知道这个开源库非常好用就行了。

开源项目地址:https://github.com/jasondu/wxa-plugin-canvas

开源项目作者:jason

效果图如下:


小程序生成二维码海报的组件-wxa-plugin-canvas

方式一.通过 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>

小程序生成二维码海报的组件-wxa-plugin-canvas相关教程

  1. 微信小程序中使用 npm 包

    微信小程序中使用 npm 包 背景 最近在一个微信小程序项目中需要用到基于npm构建的组件,官方文档写的比较模糊,导致经常构建失败,一番采坑后,终于搞懂了,特此留文??????。 官方文档 从小程序基础库版本 2.2.1 或以上、及开发者工具 1.02.1808300 或以上开

  2. linux安装snmp服务_如何为Linux安装和设置SNMP服务或守护程序

    linux安装snmp服务_如何为Linux安装和设置SNMP服务或守护程序 linux安装snmp服务 Today we will look SNMP in Linux operating systems. Simple network management protocol named SNMP is designed for getting info and setting configuration in it entit

  3. 如何为Apache生成和配置Htpasswd?

    如何为Apache生成和配置Htpasswd? Today the world is insecure. We have to provide different types of security measures like authentication. In HTTP servers like Apache or Nginx, we can use HTTP Basic Authentication. HTTP Basic Authentication

  4. 如何扒微信小程序源码

    如何扒微信小程序源码 一.使用模拟器找到小程序.wxapkg文件(雷电模拟器为例) 1.1在雷电模拟器中安装微信和文件管理器(RE管理器) 1.2登陆微信打开一个小程序 1.3在RE资源管理器找到小程序.wxapkg文件路径为/data/data/com.tencent.mm/MicroMsg/(微信号(

  5. MyBatis框架----简单入门程序(crud)

    MyBatis框架----简单入门程序(crud) 1、创建数据库,并在此数据库中创建一个表,提前插入几条数据 2、创建项目,将MyBatis的核心JAR、lib目录下的依赖JAR包,以及MySQL数据库的驱动JAR包一同添加到项目的lib目录下,并发布到类路径中。 3、在src下创建log4i

  6. leetcode22. 括号生成,32. 最长有效括号(python)

    leetcode22. 括号生成,32. 最长有效括号(python) 括号生成 数字 n 代表生成括号的对数,请你设计一个函数,用于能够生成所有可能的并且 有效的 括号组合。 示例: 输入:n = 3 输出:[ “((()))”, “(()())”, “(())()”, “()(())”, “()()()” ] 深度

  7. 强烈推荐这几个程序员常逛的网站 多希望你能早点知道

    强烈推荐这几个程序员常逛的网站! 多希望你能早点知道! 作为一个每天都泡在电脑面前的程序员来说,选对一些学习的地方、和大家交流的地方就显得尤为重要。 当我们有问题的时候我们想第一时间解决,当我们想学习一门新技术的时候我们可以立马get教程,当我

  8. 编写Java程序,实现一个简单的echo程序(网络编程TCP实践练习)

    编写Java程序,实现一个简单的echo程序(网络编程TCP实践练习) 首先启动服务端,客户端通过TCP的三次握手与服务端建立连接; 然后,客户端发送一段字符串,服务端收到字符串后,原封不动的发回给客户端。 ECHO 程序是网络编程通信交互的一个经典案例,称为回