使用jsbarcode+qrcodejs2：实现一维码+二维码的显示——基础积累
<!DOCTYPE html>
<html>
<head>
<title>一维码和二维码生成示例</title>
<script src="https://cdn.jsdelivr.net/npm/jsbarcode@3.11.5/dist/JsBarcode.all.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/qrcode@1.4.4/build/qrcode.min.js"></script>
</head>
<body>
<div id="barcode"></div>
<div id="qrcode"></div>
<script>
// 一维码生成
JsBarcode("#barcode", "123456789012", {
format: "CODE128", // 指定条形码的格式
lineColor: "#0aa", // 条形码颜色
width: 2, // 条的宽度
height: 100, // 条形码的高度
displayValue: true // 是否在条形码下方显示文本
});
// 二维码生成
var qrcode = new QRCode(document.getElementById("qrcode"), {
text: "https://www.example.com",
width: 128,
height: 128,
colorDark : "#000000",
colorLight : "#ffffff",
correctLevel : QRCode.CorrectLevel.H
});
</script>
</body>
</html>这段代码展示了如何使用JsBarcode和qrcode.js库来生成一维条形码和二维码。在<script>标签中，我们首先实例化了一个JsBarcode来生成一维码，并指定了相关的选项，如格式、颜色和尺寸。然后，我们创建了一个新的QRCode实例来生成二维码，并设置了二维码的内容、尺寸和颜色配置。这个示例提供了一个简单的接口来生成这些码，并展示了如何将它们集成到HTML页面中。
评论已关闭