&

【JavaScript】純JS生成二維碼的幾種方法

admin

2023年5月30日 9:15 本文熱度 1689

一：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協同辦公管理系統。

91网首页-91网页版-91网在线观看-91网站免费观看-91网站永久视频-91网站在线播放

【JavaScript】純JS生成二維碼的幾種方法

一：arale-qrcode

三：QR碼生成器