qrcode二维码生成

缺乏、安全感 2022-05-09 13:50 163阅读 0赞

## 带Logo的QR Code(二维码)生成工具，对[node-qrcode][]的再封装，支持Logo，支持调整大小 ##

--------------------

传送门 : [qr-ccode-with-logo][]

![70][]

--------------------

支持列表：

1.  支持npm方式引用
2.  支持直接`<script>`方式引用
3.  支持vue
4.  支持react
5.  支持IE9+
6.  等

--------------------

安装：  
     npm i --save qr-code-with-logo  
  
使用：

<template>
      <div class="main">
    	<div id="qrcode"></div>
      </div>
    </template>
    <script>
      import QrCodeWithLogo from 'qr-code-with-logo'
      export default {
        data() {
    	  return {
    				
    	  };
    	},
    	methods: {
    	  qrcode () {
    		const myCanvas = document.createElement('canvas')
    		document.getElementById('qrcode').appendChild(myCanvas)
    		QrCodeWithLogo.toCanvas({
    		  canvas: myCanvas,            //二维码显示标签
    		  content: `yourContent`,      //二维码内容
    		  width: 195,                  //二维码宽度
    		  logo: {
    			src: 'http://yourImg',   //二维码logo
    			logoSize: 0.23,          //二维码logo大小
    			borderSize: 0            //二维码logo边框
    		  },
    		  nodeQrCodeOptions: {
    			margin: 1    //这里是二维码边框留白区域
    		  }
    		})
    	  }
    	},
    	mounted() {
    	  this.qrcode()
    	}
      };
    </script>

[node-qrcode]: https://github.com/soldair/node-qrcode
[qr-ccode-with-logo]: https://www.npmjs.com/package/qr-code-with-logo
[70]: /images/20220506/26318f0e52634431984dee917a0d12a9.png

发表评论取消回复

表情：

评论列表（有 0 条评论，163人围观）

还没有评论，来说两句吧...

相关阅读

相关 JAVA生成二维码QRcode

JAVA生成二维码QRcode 1 : 配置集成 1.1、配置maven 1.2、配置文件 1.3、logo文件 2

清疚/ 2023年09月23日 20:20/ 0 赞/ 70 阅读

相关 thinkphp5+qrcode生成二维码

转载至: [https://blog.csdn.net/qq\_42565994/article/details/102744399][https_blog.csdn.net_

旧城等待，/ 2022年12月15日 14:17/ 0 赞/ 147 阅读

相关 jquery-qrcode生成二维码

一、jquery-query jquery-qrcode是一个为浏览器生成二维码的jquery插件。我们很容易将它集成到我们的应用。该插件也可以独立使用，也比

墨蓝/ 2022年07月16日 10:22/ 0 赞/ 153 阅读

相关 jquery-QRCode生成二维码

下载链接:https://github.com/jeromeetienne/jquery-qrcode github下载方式查看:http://blog.csdn.net/c

蔚落/ 2022年06月16日 09:06/ 0 赞/ 168 阅读

相关 QRCode 生成二维码

QRCode生成二维码直接百度云下载路径:链接: https://pan.baidu.com/s/1i4VVbdb 密码: bshi QRCode解析二维码直接百度云下载路径

分手后的思念是犯贱/ 2022年06月16日 08:48/ 0 赞/ 222 阅读

相关 qrcode二维码生成

带Logo的QR Code(二维码)生成工具，对[node-qrcode][]的再封装，支持Logo，支持调整大小 -------------------- 传送门 :

缺乏、安全感/ 2022年05月09日 13:50/ 0 赞/ 164 阅读

相关 QRCode.js：js生成二维码

[http://www.runoob.com/w3cnote/javascript-qrcodejs-library.html][http_www.runoob.com_w3c

柔情只为你懂/ 2022年03月29日 10:53/ 0 赞/ 257 阅读

相关前端生成二维码 --- QRCode.js

一、简介 QRCode.js是一个通过js生成二维码图片的插件。通过引用这个js，前端可以很方便的生成二维码图案，不需要再通过后端进行生成调用，大大的节省了时间和资源。

我不是女神ヾ/ 2022年02月27日 08:54/ 0 赞/ 590 阅读

相关 Jquery-qrcode生成二维码

引入jquery和jquery-qrcode <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min

小鱼儿/ 2022年01月30日 04:19/ 0 赞/ 258 阅读

相关 jquery-qrcode二维码生成

\ qrCode 一个生成二维码插件使用demo，支持在二维码里添加logo及将二维码转成图片 HTML代码 <!DOCTYPE html> <html>

忘是亡心i/ 2021年10月19日 04:28/ 0 赞/ 341 阅读