qrcode.js 二维码生成器

﹏ヽ暗。殇╰゛Y 2022-12-26 08:16 128阅读 0赞

# 二维码生成 并显示： #

![在这里插入图片描述][20201203185919677.png]  
![在这里插入图片描述][20201203185940470.png]

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ko" lang="ko">
    	<head>
    		<title>Javascript 二维码生成库：QRCode</title>
    		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    		<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no" />
    		
    		<script type="text/javascript" src="query.js"></script>
    		<script type="text/javascript" src="qrcode.js"></script>
    	</head>
    	<body>
    		<input id="text" type="text" style="width:80%" /><br />
    		<div id="qrcode" style="width:100px; height:100px; margin-top:15px;"></div>
    
    		<script type="text/javascript"> var qrcode = new QRCode(document.getElementById("qrcode"), { width: 100, height: 100 }); function makeCode() { var elText = document.getElementById("text"); if (!elText.value) { // alert("Input a text"); elText.focus(); return; } qrcode.makeCode(elText.value); } makeCode(); $("#text"). on("blur", function() { makeCode(); }). on("keydown", function(e) { if (e.keyCode == 13) { makeCode(); } }); </script>
    	</body>
    </html>

[20201203185919677.png]: /images/20221120/6d40f9b421fe43f487ee0dbbca31a60a.png
[20201203185940470.png]: /images/20221120/27de63bae32a4e048f5a3d2a75dc2d58.png

发表评论取消回复

表情：

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

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

相关阅读

相关 034：vue项目利用qrcodejs2生成二维码示例

![在这里插入图片描述][32d2a1d099334cfba6adc4f84dd79e22.png_pic_center] 第034个查看专栏目录: [VUE][] \-

客官°小女子只卖身不卖艺/ 2024年03月03日 03:20/ 0 赞/ 60 阅读

相关教你js生成二维码-QrCodeJS

二维码又称QR Code，是一个近几年来移动设备上很流行的一种编码方式它比传统的一维码（条形码）能存更多的信息，也能表示更多的数据类型。按照一定规律排列组成的几何图形构成，它巧

清疚/ 2023年10月06日 15:45/ 0 赞/ 53 阅读

相关 qrcode.js 二维码生成器

二维码生成并显示： ![在这里插入图片描述][20201203185919677.png] ![在这里插入图片描述][20201203185940470.png]

﹏ヽ暗。殇╰゛Y/ 2022年12月26日 08:16/ 0 赞/ 129 阅读

相关在vue中使用qrcodejs2生成二维码

效果: ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmN

叁歲伎倆/ 2022年10月06日 00:37/ 0 赞/ 233 阅读

相关 vue——微信二维码显示vue-qr/qrcodejs2

微信二维码之vue-qr/qrcodejs2 区别 vue-qr 弊端：当后端微信返回二维码，不兼容IE浏览器 npm install vue-qr --

悠悠/ 2022年09月14日 11:22/ 0 赞/ 352 阅读

相关在线二维码生成器

在线二维码生成器草料二维码 ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0

谁践踏了优雅/ 2022年09月07日 01:31/ 0 赞/ 176 阅读

相关二维码生成器接口

[http://qr.liantu.com/api.php?text=][http_qr.liantu.com_api.php_text] [http_qr.liantu.

小灰灰/ 2022年06月02日 08:48/ 0 赞/ 166 阅读

相关在H5中使用qrcode, qrcodejs2生成二维码

在H5中使用qrcode生成二维码安装插件 ```javascript npm install --save qrcode ``` 使

客官°小女子只卖身不卖艺/ 2022年03月15日 06:26/ 0 赞/ 548 阅读

相关 Vue中使用二维码插件qrcodejs2生成二维码

1.安装 qrcodejs2 npm install qrcodejs2 --save 2.在需要使用的组件内引入 <script>

深藏阁楼爱情的钟/ 2022年01月15日 02:03/ 0 赞/ 693 阅读

相关 vue - 使用qrcodejs2生成二维码

效果图： ![在这里插入图片描述][20191010112856472.png] ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naG

你的名字/ 2021年09月29日 09:42/ 0 赞/ 968 阅读