小程序生成二维码海报

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

但是不能发朋友圈，若是想发到朋友圈，采取的办法是一件生成海报，这样就产生了一个需求了，那就是小程序生成二维码海报的要求。如果是自己写的话，那肯定是要花费一番精力，这个时候要是有一款开源组件直接用那就好了，这不，我们的程序员小哥哥已经将自己的宝贵的源码开源出来了，笔芯~

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>

小程序生成二维码海报相关推荐

一个很好用的小程序生成二维码海报的组件库
在小程序开发完成之后,我们会时常遇到这样的一个问题,小程序该怎么推广,增加曝光量,让更多的人看到?我们都知道,小程序推广一般是给小程序增加一个分享的功能,可以分享到群里面. 但是不能发朋友圈,若是想发 ...
【精】微信小程序生成二维码海报分享 [原理+源码]
关于海报分享的教程数不胜数, 但是我没能找到一个好用的, 为了实现这个功能结合了三篇教程耗时三天才把海报搞定; 首先网络上教程都是直接上教程代码, 然后代码加思路, 对小白我来说就是一头雾水, 只能边 ...
uniapp开发微信小程序生成二维码海报
<template> <view> <button @click="open"></button> <view class=& ...
微信小程序生成二维码带参海报
微信小程序生成二维码带参海报没错,就是用 canvas 来实现文章目录微信小程序生成二维码带参海报获取屏幕分辨率比生成二维码获取网络图片并转为本地临时文件绘制背景图片以及二维码代码片段 ...
【微信小程序】微信小程序生成二维码报错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 ...
微信小程序生成二维码，接口C接收值
微信小程序生成二维码,接口C接收值深坑解决接口C替代方案深坑当我们用微信二维码生成接口c类型的二维码时,需要传入参数,而根据文档我们填写 path时传入参数例如 pah: page/in ...

小程序生成二维码海报

安装

方式一.通过 npm 安装 (推荐)

方式二.下载代码

使用组件

小程序生成二维码海报相关推荐

最新文章

热门文章