gpt4 book ai didi

javascript - 使用 JSBarcode 库无法正确打印条码

转载 作者:行者123 更新时间:2023-11-28 14:40:39 34 4
gpt4 key购买 nike

我正在尝试打印生成的条形码。我正在使用 JSBarcode 库生成条形码。

在打印屏幕上,可视性很好,但当我打印时,结果是 4 页,只有一页有条码,条码很少,在页面底部。

我的 html 代码是:

<div class="col-12 col-print-12">
<p class="barcode tekli">
<svg id="barcode tekli"></svg>
</p>
</div>

我的 JS 代码是:

JsBarcode("#barcode", "1554466", {
width:5,
height:200,
fontSize:50,
displayValue: true
});

window.print();

window.open('', '_parent', '');

window.close();

我的 CSS 是:

@media print {
.tekli{
-webkit-transform: scaleX(2);
-o-transform: scaleX(2);
-ms-transform: scaleX(2);
transform: scaleX(2);
}
.page {
width: 21cm;
height: 29.7cm;
margin: 0;
border: initial;
border-radius: initial;
width: initial;
min-height: initial;
box-shadow: initial;
background: initial;
page-break-after: always;
}
.col-print-12 {
width: 100%;
}
}

你能帮帮我吗?

最佳答案

试试这个

$(document).ready(function(){
JsBarcode("#barcode", "1554466",{
width:5,
height:200,
fontSize:50,
displayValue: true

});

window.print();

window.open('', '_parent', '');

window.close();
});

或者删除 svg 标签并替换为带有 id="barcode"的简单 div

let divDOM = document.getElementById("barcode");
let svg = document.createElementNS("http://www.w3.org/2000/svg", "svg");
svg.setAttribute('jsbarcode-format', 'ean13')
svg.setAttribute('jsbarcode-value', '<?php echo $product["ean"]; ?>')
svg.className.baseVal = "barcode";
divDOM.appendChild(svg);
JsBarcode("#barcode","Smallest width",{
width: 1,
height: 25,
lineColor: "#676a6c"
}).init();

关于javascript - 使用 JSBarcode 库无法正确打印条码,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53009719/

34 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com