기타 QR Code Print 방법
페이지 정보
작성자 이경홍 작성일 2022-09-24 10:35 조회 1,164회 댓글 0건본문
관련링크
사용 언어 : ASP.net MVC5
안녕하세요. QR Code 를 프린트 하려고 합니다.
프린트 도큐멘트 문서 상에 QR Code가 보이지 안습니다.
아래와 같이 javascript로 프린트 함수를 만들었습니다.
function printDiv(divName) {
let doc = new wijmo.PrintDocument({
title: 'PrintDocument Test',
copyCss: false // CDN에서 CORS 이슈로 인한 설정
});
doc.append(document.querySelector('#myDataTable'));
doc.print();
}
꼭좀 답변 부탁드립니다,.
감사합니다.
-- 아래 전체 소스 --
@{Layout = "~/Views/Shared/_historyLayoutPage.cshtml";
ViewData["Title"] = "COATING";
var code = ViewBag.code;
}
<!-- Wijmo 레퍼런스 (필수) -->
<link href="~/styles/wijmo.min.css" rel="stylesheet" />
<script src="~/Scripts/vendor/controls/wijmo.min.js"></script>
<!--wijmo License Key Start-->
<!--wijmo License Key End-->
<!-- Wijmo 컨트롤 (barcode 생성을 위해 필요한 컨트롤만 추가) -->
<script src="~/Scripts/vendor/controls/wijmo.barcode.min.js"></script>
<script src="~/Scripts/vendor/controls/wijmo.barcode.common.min.js"></script>
<!-- CSS 스타일-->
<style>
#myDataTable td, #myDataTable th, #myDataTable2 td, #myDataTable2 th {
border: 1px solid #ddd;
text-align: center;
padding: 8px;
}
/*
#myDataTable tr:nth-child(even) {
background-color: #f2f2f2
}
*/
#myDataTable th, #myDataTable2 th {
padding-top: 11px;
padding-bottom: 11px;
background-color: #222222;
color: white;
vertical-align: inherit;
text-align: center;
}
.wj-flexgrid {
height: 300px;
background-color: white;
box-shadow: 4px 4px 10px 0px rgba(50, 50, 50, 0.75);
margin-bottom: 12px;
}
.wj-barcode-code128 {
height: 10mm; /*10mm*/
}
.wj-barcode-qrcode {
width: 10mm;
height: 10mm;
}
</style>
<!-- 호스트 요소를 통해 barcode 컨트롤을 불러옴 -->
<script>
let barcode = null;
function WrieBarcode(code, bName) {
barcode = new wijmo.barcode.common.QrCode(bName, {
value: code
});
}
function printDiv(divName) {
let doc = new wijmo.PrintDocument({
title: 'PrintDocument Test',
copyCss: false // CDN에서 CORS 이슈로 인한 설정
});
doc.append(document.querySelector('#myDataTable'));
doc.print();
}
</script>
<table class="myDataTable" id='myDataTable' border="1">
<tr>
<th>QR</th>
<td width="200px">
<div class="container-fluid1" name="outerDiv" id="outerDiv">
<!-- 호스트 요소 -->
<div id="barcode1"></div>
</div>
</td>
<td><button onclick="printDiv('barcode1')">Print</button></td>
</tr>
</table>
<script>
setTimeout(function () {
WrieBarcode("@code", "#barcode1");
}, 100);
</script>
댓글목록
등록된 댓글이 없습니다.