如何使用jquery打印div内生成的条形码?

时间:2017-08-27 05:16:27

标签: jquery css thymeleaf

这是mymeleaf旁边的html代码。在这里,div条码在我需要时正确生成。但是用条形码打印机打印时我无法正确打印。有没有办法使用CSS或媒体查询或媒体打印正确打印条形码?

<div th:id="'barcode'+${status.index}" style="margin-left:105px; width:100px;"> 
</div>
<a class="btn btn-info"  th:id="'print'+${status.index}" href="#" 
   th:onclick="'printValue('+${status.index}+');'" >Generate Barcode
</a>

这是我的JavaScript函数,用于生成条形码并将其打印出来:

function printValue(x){
    $("#barcode"+x).barcode($("#txtbarcode"+x).val(),"code128");
    $("#barcode"+x).rotate(90);
    $.print("#barcode"+x);
}

1 个答案:

答案 0 :(得分:0)

您可以尝试设置 barWidth barHeight 参数,例如:

$("#barcode"+x).barcode(
  $("#txtbarcode"+x).val(),
  "code128",
  { barWidth: 1, barHeight: 50 }
);