【绝对靠谱】Vue生成二维码Qrcode，可插入二维码中心logo图标，可以设置二维码颜色大小等属性
本文共 660 字，大约阅读时间需要 2 分钟。
效果
代码
npm install vue-qr --save
请用微信扫码支付
￥{ {amount}}元
属性说明：
| text | 编码的内容（支持文字、网址） |
| correctLevel | 容错级别 0-3（容错级别越高，代表遮住二维码部分越多，依然可以识别） |
| size | 尺寸, 长宽一致, 包含外边距（推荐20px） |
| margin | 二维码图像的外边距, 默认20px |
| colorDark | 实点的颜色（默认黑色） |
| colorLight | 空白区的颜色（默认白色） |
| bgSrc | 嵌入的背景图地址（支持png、jpg） |
| gifBgSrc | 欲嵌入的背景图 gif 地址,设置后普通的背景图将失效。设置此选项会影响性能 |
| backgroundColor | 背景色（默认白色） |
| backgroundDimming | 叠加在背景图上的颜色, 在解码有难度的时有一定帮助（默认白色） |
| logoSrc | 嵌入至二维码中心的 LOGO 地址（支持png、jpg） |
| logoScale | 用于计算 LOGO 大小的值, 过大将导致解码失败, LOGO 尺寸计算公式 logoScale*(size-2*margin),（默认 0.2） |
| logoMargin | LOGO标识周围的空白边框, 默认为0（推荐5px） |
| logoBackgroundColor | Logo 背景色,需要设置 logo margin（默认白色） |
转载地址：http://hbxaf.baihongyu.com/
你可能感兴趣的文章
几张图帮你理解 docker 基本原理及快速入门
查看>>
理解Docker架构
查看>>
基于Docker和Kubernetes的最佳架构实践
查看>>
Kubernetes实现SSO登录 （二）
查看>>
从 Spring Cloud 看一个微服务框架的「五脏六腑」
查看>>
基于 Docker 的微服务架构实践
查看>>
三小时学会Kubernetes：容器编排详细指南
查看>>
使用Docker高效搭建开发环境
查看>>
如何把应用转移到Kubernetes
查看>>
探索容器安全性：概述
查看>>
微服务下的数据架构
查看>>
Kubernetes网络安全之访问控制技术实践
查看>>
全视角了解基于容器的编排工具Kubernetes
查看>>
Docker 在分布式和大数据框架中的应用
查看>>
Docker 入门教程
查看>>
Docker 微服务教程
查看>>
Nginx 容器教程
查看>>
linux下的命令： sudo ln -s 源文件 目标文件
查看>>
什么是内核
查看>>
Docker生产实践（六）
查看>>