【JavaScript】纯JS生成二维码的几种方法

admin

2023年5月30日 9:15 本文热度 615

一：arale-qrcode

npm i arale-qrcode

<html>
  <body>
	 <div id="share_tools"></div>

如果我们需要设置logo，就可以往上面二维码正中放一个图片就可以了：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script src="./js/qrcode.min.js" type="text/javascript"></script>
<style type="text/css">
#qrcode {
    position: relative;
}
 
#qrcode::after {
    content: '';
    display: block;
    width: 50px;
    height: 50px;
    background: url(https://waibi.oss-cn-chengdu.aliyuncs.com/2020-06-01/head.jpg) no-repeat;
    background-size: 50px 50px;
    border-radius: 5px;
    box-shadow: 1px 1px 10px #000;
    position: absolute;
    top: 106px;
    left: 102px;
}
</style>
</head>
<body>
<div id="qrcode"></div>
<script type="text/javascript">
var qrcode = new QRCode(document.getElementById("qrcode"), {
    text: "https://vampireachao.gitee.io/",
    width: 256,
    height: 256,
    colorDark: "#000000",
    colorLight: "#ffffff",
    correctLevel: QRCode.CorrectLevel.H
});
</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/" >

该文章在 2023/6/14 16:22:01 编辑过

关键字查询

二维码

正在查询...

点晴ERP是一款针对中小制造业的专业生产管理软件系统,系统成熟度和易用性得到了国内大量中小企业的青睐。

点晴PMS码头管理系统主要针对港口码头集装箱与散货日常运作、调度、堆场、车队、财务费用、相关报表等业务管理，结合码头的业务特点，围绕调度、堆场作业而开发的。集技术的先进性、管理的有效性于一体，是物流码头及其他港口类企业的高效ERP管理信息系统。

点晴WMS仓储管理系统提供了货物产品管理,销售管理,采购管理,仓储管理,仓库管理,保质期管理,货位管理,库位管理,生产管理,WMS管理系统,标签打印,条形码,二维码管理,批号管理软件。

点晴免费OA是一款软件和通用服务都免费，不限功能、不限时间、不限用户的免费OA协同办公管理系统。