! 제품 버전을 정확하게 입력해 주세요.
제품 버전이 정확하게 기재되어 있지 않은 경우,
최신 버전을 기준으로 안내 드리므로
더욱 빠르고 명확한 안내를 위해
제품 버전을 정확하게 입력해 주세요!

barcode39를 pdf로 변환해서 프린트 하려고 합니다. > Q&A | 토론

본문 바로가기

Wijmo

Q&A | 토론

VueJS barcode39를 pdf로 변환해서 프린트 하려고 합니다.

페이지 정보

작성자 flexcheck 작성일 2024-02-01 10:51 조회 50회 댓글 0건
제품 버전 : 5.20222.877

본문

FlesGrid에서 정보를 가져와 barcode39를 생성해서 pdf안에 넣어 프린트하려 합니다. 


그런데 예제에는 div에 들어가게 되어있어 pdf에 넣을 방법을 모르겠습니다.

barcode39를 pdf에 이미지로 들어가 인식이 되도록 하고 싶습니다.



const doc = new wjPdf.PdfDocument({
        header: {
          height: 0,
        },
        footer: {
          height: 0,
        },
        pageSettings: {
          layout: wjPdf.PdfPageOrientation.Portrait,
          size: wjPdf.PdfPageSize.A4, // 595px*842px
          margins: {
            left: 20,
            right: 20,
            top: 20,
            bottom: 20,
          },
        },
        ended: function (sender, args) {
          let pdfFrameElement = document.getElementById("pdf-frame");
          const objUrl = URL.createObjectURL(args.blob);
          if (!pdfFrameElement) {
            pdfFrameElement = document.createElement("iframe");
            pdfFrameElement.id = "pdf-frame";
            pdfFrameElement.style.display = "none";
            document.body.appendChild(pdfFrameElement);
          }
          pdfFrameElement.src = "";
          pdfFrameElement.src = objUrl;
          pdfFrameElement.onload = function () {
            pdfFrameElement.contentWindow.focus();
            pdfFrameElement.contentWindow.print();
            URL.revokeObjectURL(objUrl);
            pdfFrameElement.onload = null;
          };
        },
      });
  • 페이스북으로 공유
  • 트위터로  공유
  • 링크 복사
  • 카카오톡으로 보내기

댓글목록

등록된 댓글이 없습니다.

1 답변

VueJS Re: barcode39를 pdf로 변환해서 프린트 하려고 합니다.

추천0 이 글을 추천하셨습니다 비추천0

페이지 정보

작성자 MESCIUS루시 작성일 2024-02-01 16:06 댓글 0건

본문

안녕하세요 메시어스입니다.


생성된 barcode를 PDF에 추가하고 싶으신 경우, Barcode의 getDataUrl 메서드와 PDF의 drawImage 메서드를 이용하시면 됩니다.


먼저 Barcode의 getDataUrl 메서드를 호출하여 생성된 바코드의 base64 문자열을 가져옵니다. 그 다음 가져온 문자열을 drawImage에 전달하여 이미지로 내보내면 됩니다.


자세한 코드는 아래 샘플을 참고하여 주시기 바랍니다.




다른 궁금한 점이 생기면 문의주시기 바랍니다.


감사합니다.

메시어스 드림

댓글목록

등록된 댓글이 없습니다.

메시어스 홈페이지를 통해 제품에 대해서 더 자세히 알아 보세요!
홈페이지 바로가기
메시어스 홈페이지를 통해 제품에 대해서 더 자세히 알아 보세요!
홈페이지 바로가기
이메일 : sales-kor@mescius.com | 전화 : 1670-0583 | 경기도 과천시 과천대로 7길 33, 디테크타워 B동 1107호 메시어스(주) 대표자 : 허경명 | 사업자등록번호 : 123-84-00981 | 통신판매업신고번호 : 2013-경기안양-00331 ⓒ 2024 MESCIUS inc. All rights reserved.