사용 언어 : 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>