PC端生成小程序二维码海报并下载

我采用了前端截屏+前端生成二维码的方法展示海报并下载
上代码

//截屏组件
import html2canvas from 'html2canvas'
//生成二维码组件
import QRCode from 'qrcode.react'

//调用事件并截屏下载
const creatCode = () => {const n = document.getElementsByClassName('poster1')[0] //获取海报的最外层domhtml2canvas(n, { useCORS: true }).then(canvas => {const imgUrl = canvas.toDataURL()// 获取截图base64const img = new Image()img.crossOrigin = ''img.src = imgUrlconst downLink = document.createElement('a')const event = new MouseEvent('click') // 创建一个单击事件downLink.href = img.srcdownLink.download = '二维码' // 图片namedownLink.dispatchEvent(event)})
}

//生成包含背景图片、二维码的海报
<div className='poster1'><div className='content'><img src={bg} className='bg' alt='背景图' /><div className='body'><div className='company'>{name}-{record.name}</div><img className='hand' src={hand} alt='扫描二维码，快速入职' /><div className='code'><QRCodeid='qrCode'className='img'value={'小程序二维码链接'}size={284} // 二维码的大小fgColor='#ffffff' bgColor='#000000' /></div></div></div></div>

PC端生成小程序二维码海报并下载相关推荐

php生成小程序二维码出现40001的情况
php生成小程序二维码出现40001的情况获取二维码时,小程序的access_token莫名奇妙失效了? 生成小程序二维码时遇到的坑,明明刚获取到的access_token,生成二维码时总是提示说 ...
node 无脑生成小程序二维码图
RT 新建createwxaqrcode.js: const request = require('request') const fs = require('fs')// eg:生成购物车列表圆形二 ...
聚合二维码生成(小程序二维码、付款码)
1. 付款码点击前往 2. 小程序二维码扫码进入小程序第一步: 配置微信小程序二维码微信公众平台 >开发 >开发设置 >扫普通链接二维码打开小程序点击添加,配置二维码规则 ...
三种方式生成小程序二维码
通过后台接口可以获取小程序任意页面的二维码,扫描该二维码可以直接进入小程序对应的页面,所有生成的二维码永久有效,可放心使用.目前微信支持两种二维码,小程序码(左),小程序二维码(右),如下所示: 为满 ...
调用支付宝接口生成小程序二维码的坑（PHP）
引言:最近在开发支付宝小程序生成二维码的时候碰到了一点问题,记录一下 1.需求正在开发的这个项目是一个电商类小程序,需求是给每个产品生成一个独立的小程序二维码 2.实现了解了需求之后,开始查官方文 ...
PHP实现生成小程序二维码带参数进入指定页面、小程序URL scheme实现携带数据跳转小程序
图片二维码生成 <?php //二进制转图片image/pngfunction burryToBase64($contents, $mime){$base64 = base64_encode($ ...
微信小程序——服务端获取小程序二维码永久有效数量无限制
因为现在做的小程序,想要分享小程序中的页面给微信好友,那就可以使用二维码,很方便. 而且通过后台接口可以获取小程序任意页面的小程序码扫描该小程序码可以直接进入小程序对应的页面,所有生成的小程序码永久 ...
【小程序】node/小程序云开发生成小程序二维码并添加文件到云存储/腾讯云存储
[前情提要] 1-小程序云函数生成小程序码 2-小程序云函数上传到云存储,云存储包括小程序云存储/腾讯云存储 (因为云函数就是node.js语法写的吗,所以下面写法对于node同样适用) 3-这里 ...
Java生成小程序二维码并带参数
直接上代码: 工具类MpQrUtils.java,获取accessToken与二维码的输入流: import javax.servlet.http.HttpServletRequest;import ...

PC端生成小程序二维码海报并下载

PC端生成小程序二维码海报并下载相关推荐

最新文章

热门文章