2025年js生成二维码的几种方法

科技前沿 • 2025-01-12 11:27 • 阅读 41

大家好，我是讯享网，很高兴认识大家。

一：arale-qrcode

arale-qrcode GitHub路径

npm i arale-qrcode

讯享网

讯享网<html> <body> <div id="share_tools"></div> <script src="qrcode.min.js"></script> </body> <script type="text/javascript"> var codeFigure = new AraleQRCode({ 
      "render": "svg", // 生成的类型 'svg' or 'table' "text":'https://github.com/soldair/node-qrcode', // 需要生成二维码的链接 "size": 120 // 生成二维码大小 }); var share_tools = document.querySelector('#share_tools'); share_tools.appendChild(codeFigure); </script> </html>

二：QRCode.js

GitHub地址

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <div id="qrcode"></div> <script type="text/javascript" src="qrcode.js"></script> <script type="text/javascript"> new QRCode(document.getElementById("qrcode"), "https://github.com/davidshimjs/qrcodejs"); var qrcode = new QRCode(document.getElementById("qrcode"), { 
      text: "生成二维码的方法不止一种", width: 128, height: 128, colorDark : "#f60", colorLight : "#ccc", correctLevel : 0 // 二维码结构复杂性 0~3 }); </script> </body> </html>

在这里插入图片描述
讯享网

三：QR码生成器

api简介

讯享网<img style="width: 300px;height: 300px;" src="https://api.qrserver.com/v1/create-qr-code?data=http://goqr.me/api/" >

在这里插入图片描述

2025年js生成二维码的几种方法

一：arale-qrcode

二：QRCode.js

三：QR码生成器

相关推荐