HTML5生成二维码
在HTML5中生成二维码，可以使用<canvas>元素和一个JavaScript库，如qrcode.js。以下是一个简单的示例：
- 在HTML文件中，引入
qrcode.js库。 - 创建一个
<canvas>元素。 - 使用
qrcode.js库中的makeCode()函数生成二维码。
HTML 文件:
<!DOCTYPE html>
<html>
<head>
<title>二维码生成器</title>
<script src="https://cdn.jsdelivr.net/npm/qrcode@1.4.4"></script>
</head>
<body>
<canvas id="canvas"></canvas>
<script>
var canvas = document.getElementById('canvas');
var context = canvas.getContext('2d');
var qr = new QRCode(10, 'M');
function makeCode() {
var txt = "这里是您的文本内容"; // 替换为您想生成二维码的内容
qr.makeCode(txt);
}
makeCode();
qr.draw(context);
</script>
</body>
</html>请确保您的服务器或本地环境有正确的Access-Control-Allow-Origin头信息，以便qrcode.js能够通过跨域方式加载。如果是本地测试，可以通过Web服务器来避免跨域问题。
评论已关闭