我正在使用 jQuery 生成條形碼并嘗試添加大小選項,但它不起作用。https://codepen.io/lindell/pen/mPvLXx?editors=1010上的演示對我不起作用,因為我使用 php 回圈遍歷專案,然后再次回圈以生成條形碼。
<!DOCTYPE html>
<html>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<link rel="stylesheet" href="https://www.ssms.anrcorporation.com/assets/bower_components/bootstrap/dist/css/bootstrap.min.css">
<script src="https://www.ssms.anrcorporation.com/assets/bower_components/jquery/dist/jquery.min.js"></script>
<script src="https://unpkg.com/jsbarcode@latest/dist/JsBarcode.all.min.js">
</script>
</head>
<body>
<div class="container bg-white">
<?php if(!empty($items)){ foreach($items as $row){ ?>
<svg id="<?= $row['sn']; ?>"></svg>
<?php }} ?>
</div>
<script>
$(document).ready(function(){
const items = <?= !empty($items) ? json_encode($items) : json_encode([]); ?>;
if(items){
items.map(item => {
$(`#${item.sn}`).JsBarcode(`SSN : ${item.sn}`)
.options({font: "OCR-B", height: 25, width: 35})
.render();
})
}
})
</script>
<script src="https://www.ssms.anrcorporation.com/assets/bower_components/jquery-ui/jquery-ui.min.js"></script>
<script src="https://www.ssms.anrcorporation.com/assets/bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
</body>
uj5u.com熱心網友回復:
你的問題不清楚,但如果按大小你的意思是fontSize,height,width等,嘗試這樣的事情:
$(`#barcode1`).JsBarcode(`SSN : 12341234`, {fontSize: 6, height: 20, width: 1, font: "OCR-B"});
轉載請註明出處,本文鏈接:https://www.uj5u.com/qita/406146.html
標籤:
上一篇:使用jquery選擇單個附加輸入
