文章目录

一、canvas绘制
二、图片格式
三、svg格式
四、参数

npm install --save qrcode

一、canvas绘制

import QRCode from "qrcode";
//选择二维码添加的元素
const child = this.$el.querySelector(".child");
QRCode.toCanvas(value, options, (error, canvas) => {if (error) {throw error;}child.appendChild(canvas);
});

二、图片格式

import QRCode from "qrcode";
//选择二维码添加的元素（img标签）
const child = this.$el.querySelector(".child");
QRCode.toDataURL(value, options, (error, url) => {if (error) {throw error;}child.src = url;
});

三、svg格式

import QRCode from "qrcode";
//选择二维码添加的元素
const child = this.$el.querySelector(".child");
QRCode.toString(value, options, (error, string) => {if (error) {throw error;}child.innerHTML = string;
});

四、参数

value:'https://blog.csdn.net/weixin_43456275?spm=3001.5343'
options:{type: "image/png", //类型quality: 1, //图片质量A Number between 0 and 1width: 130, //高度height: 130, //宽度errorCorrectionLevel: "L", //容错率margin: 0, //外边距color: {dark: "#000000", //前景色light: "#ffffff", //背景色},
}

二维码qrcode插件相关推荐

基于jquery类库的绘制二维码的插件jquery.qrcode.js
jquery.qrcode.min.js 如下 (function(r){r.fn.qrcode=function(h){var s;function u(a){this.mode=s;this.d ...
jquery二维码生成插件jquery.qrcode.js在线生成二维码
一代巨匠金庸先生驾鹤西去,谢谢您的作品,陪我度过儿时的时光 –2018.10.31 一.场景再现由于业务需求,经常会将访问链接分享给别人,方便其他客户访问我们的业务.在本周的需求中,我们需要根据地址 ...
修改二维码生成插件jquery.qrcode.js支持加入自定义LOGO
1,将jquery.qrcode.min.js和jquery添加到您的网页中 <script src="jquery.min.js"></script> & ...
vue二维码生成插件 - npm安装篇
vue二维码生成插件 - npm安装篇具体使用: 1. 安装: npm install vue-qr --save 2. 引入和声明 //在需要生成二维码的文件中引入比如qrCode.vue imp ...
链接生成二维码( QRCode )
Vue中链接生成二维码安装插件 sudo npm install qrcodejs2 --save 页面中引入 import QRCode from "qrcodejs2"; c ...
Flutter 二维码扫描插件
文章目录前言效果演示一.Zxing是什么? 二.插件Android部分 1. 创建Flutter插件 2. 引入Zxing依赖库 3. 权限配置 4. ZXingLite代码引入 5. 编写Qr ...
JS二维码生成插件，一键生成二维码
jquery.qrcode是个依赖jquery的二维码生成插件,主要用于连接和文本的二维码生成,有两种生成格式canvas和table格式的,当然canvas不支持低版本浏览器,table有点小bug ...
二维码Qrcode Library
二维码Qrcode Library 插件官网:https://qrcode-library.readthedocs.io/en/latest/#yii2 composer 安装 php compose ...
前端vue uni-app基于uQRCode封装简单快速实用全端二维码生成插件
快速实现基于uQRCode封装简单快速实用全端二维码生成插件; 下载完整代码请访问uni-app插件市场地址:https://ext.dcloud.net.cn/plugin?id=12677 效果图 ...

二维码qrcode插件

文章目录

一、canvas绘制

二、图片格式

三、svg格式

四、参数

二维码qrcode插件相关推荐

最新文章

热门文章