js将url转换二维码

zyf1910

于 2020-11-04 17:17:11 发布

阅读量3.1k

点赞数 4

CC 4.0 BY-SA版权

文章标签： javascript html5

本文链接：https://blog.youkuaiyun.com/Jeo_blue/article/details/109494584

这篇博客介绍了如何利用JavaScript库qrcode.js将URL转换为二维码。qrcode.js是一个基于HTML5 Canvas的轻量级库，无需依赖其他库，可以直接在DOM元素上绘制二维码。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

使用二维码生成库 qrcode.js生成二维码

什么是 QRCode.js？

QRCode.js 是一个用于生成二维码的 JavaScript 库。主要是通过获取 DOM 的标签,再通过 HTML5 Canvas 绘制而成,不依赖任何库。

<!DOCTYPE html>
<html>
<head>
  <title></title>
  <meta charset="utf-8"/>
  <script type="text/javascript" src="https://static.runoob.com/assets/qrcode/qrcode.min.js"></script>
  <style>
  </style>
</head>
<body>
	<div id="qrcode"></div>
	<input type="text" id="getval"/> <button id="send">点击生成二维码</button>
</body>
<script>
     var qrcode = new QRCode(document.getElementById("qrcode"), {
		width : 96,//设置宽高
		height : 96
     });
     qrcode.makeCode("http://www.baidu.com");
     document.getElementById("send").onclick = function() {
		qrcode.makeCode(document.getElementById("getval").value);
     }
</script>
</html>