qrcode.js 二维码生成器

﹏ヽ暗。殇╰゛Y 2022-12-26 08:16 116阅读 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 条评论，116人围观）

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

相关阅读

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

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

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

相关用HTML+JS制作二维码生成器

代码如下 -------------------- <!DOCTYPE html> <html> <head> <meta name="viewport" co

女爷i/ 2024年03月02日 09:02/ 0 赞/ 42 阅读

相关 qrcode.js 二维码生成器

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

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

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

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

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

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

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

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

相关在线二维码生成器

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

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

相关二维码生成器接口

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

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

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

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

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

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

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

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

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

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

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