介绍
23mofang-qrconde-scan-style是一个用于生成二维码扫描样式的npm包，可以用于前端开发，为你的项目添加扫描二维码的功能。
安装
使用npm安装23mofang-qrconde-scan-style：
npm install 23mofang-qrconde-scan-style --save
使用
引入样式
在HTML文件的<head>标签里引入样式：
<link rel="stylesheet" href="node_modules/23mofang-qrconde-scan-style/css/style.css">
引入脚本
在HTML文件的底部引入脚本：
<script type="text/javascript" src="node_modules/23mofang-qrconde-scan-style/js/qrCodeScan.js"></script>
HTML代码
在HTML文件中添加下面的代码：
-- -------------------- ---- -------
---- -----------------------
---- ---------------------
-- -------------------------------
---- ----------------------
---- ----------------------------
---- -------------------- -----------------------
---- -------------------- -----------------------
---- -------------------- -----------------------
---- -------------------- -----------------------
------
---- -------------------
-----
------
------
------JS代码
在JS文件中使用以下代码：
window.qrScanner = new qrCodeScan({
id: 'qrcode-scan-area',
width: 400,
height: 400,
scanSuccess: function () {
console.log('扫描成功！');
}
});参数
id：需要生成二维码扫描样式的DOM节点id。width：二维码扫描区域的宽度。height：二维码扫描区域的高度。scanSuccess：扫描二维码成功后的回调函数。
示例代码
-- -------------------- ---- -------
--------- -----
----- ----------
------
----- ----------------
----------------------------------------------
----- ---------------- --------------------------------------------------------------
-------
------
---- -----------------------
---- ---------------------
-- -------------------------------
---- ----------------------
---- ----------------------------
---- -------------------- -----------------------
---- -------------------- -----------------------
---- -------------------- -----------------------
---- -------------------- -----------------------
------
---- -------------------
-----
------
------
------
------- ---------------------- -------------------------------------------------------------------------
--------
---------------- - --- ------------
--- -------------------
------ ----
------- ----
------------ -------- -- -
---------------------
-
---
---------
-------
-------结语
23mofang-qrconde-scan-style是一个方便实用的npm包，可以用于快速添加扫描二维码功能。希望这篇文章对大家有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600570f081e8991b448e809a