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

Wijmo PivotGrid export PDF(PdfDocument) > Q&A | 토론

본문 바로가기

Wijmo

Q&A | 토론

PureJS Wijmo PivotGrid export PDF(PdfDocument)

페이지 정보

작성자 JJ2726 작성일 2021-06-10 23:44 조회 3,593회 댓글 0건
제품 버전 : 5.20211.781
컨트롤 이름 : PdfDocument

본문

안녕하세요.

이번에 제품에 OLAP 기능을 도입하려고 기술 리서치 중에


https://www.grapecity.com/wijmo/demos/OLAP/PivotGrid/Export/Excel,PDF,CSV/purejs 

위 예제를 보고 PDF로 출력하려고 했는데 한글이 깨지는 것 같습니다.


registerFont()를 이용해서 커스텀 폰트를 적용해도 여전히 깨져서 문의드립니다.
pdf로 출력해도 한글이 잘 보이도록 하는 방법을 알려주시면 감사하겠습니다.
  • 페이스북으로 공유
  • 트위터로  공유
  • 링크 복사
  • 카카오톡으로 보내기

댓글목록

등록된 댓글이 없습니다.

1 답변

PureJS Re: Wijmo PivotGrid export PDF(PdfDocument)

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

페이지 정보

작성자 GCK루시 작성일 2021-06-11 14:13 댓글 0건

본문

안녕하세요 그레이프시티입니다.


문의 주신 Wijmo PDF export 한글 깨짐과 관련하여, 그리드 내 한글 깨짐을 방지하기 위해서는 FlexGridPdfConverter를 통해서 내보낼 때 문서에 포함될 때 사용자 정의 글꼴 배열을 나타내는 embeddedFonts 속성과 FlexGrid의 셀 스타일을 지정하는 cellStyle 속성을 이용하셔야 합니다. 

아래와 같이 embeddedFonts에 사용자 지정 폰트를 추가하신 후, 스타일에서 글씨체를 설정하시고 Pdf로 내보내기 하면 한글이 정상적으로 나오시는 것을 확인하실 수 있습니다.


  wijmo.grid.pdf.FlexGridPdfConverter.draw(pivotGrid, doc, 400,400,{ embeddedFonts: [
        {
          source: 'https://assets.codepen.io/975719/UnDotum.ttf',
          name: 'dotum',
          style: 'normal',
          weight: 'normal',
          sansSerif: true
        }],
      styles: {
        cellStyle: { backgroundColor: '#ffffff', borderColor: '#c6c6c6', font: {
          family: 'dotum'
        } },
        altCellStyle: { backgroundColor: '#f9f9f9' },
        groupCellStyle: { backgroundColor: '#dddddd' },
        headerCellStyle: { backgroundColor: '#eaeaea' }
      }});


더불어 사용하신 registerFont의 경우,  wijmo.pdf와 관련한 소스에 글꼴을 등록하는 메서드이며 이를 등록한 후, drawText 메서드로 문자열을 그려줄 때, 글씨체 설정을 아래와 같이 추가적으로 진행해주셔야 합니다.

  doc.drawText('오늘 날짜는 '+ date+ '입니다.',0,0,{font:new wijmo.pdf.PdfFont("dotum")});


아래 샘플에서 내보내기 한 뒤, 글씨를 확인하시기 바랍니다.


[PDF fonts]

https://demo.grapecity.co.kr/wijmo/docs/Topics/PDF/Fonts 


[embeddFonts]

https://demo.grapecity.co.kr/wijmo/api/interfaces/wijmo_grid_pdf.iflexgriddrawsettings.html#embeddedfonts 


[registerFont]

https://demo.grapecity.co.kr/wijmo/api/classes/wijmo_pdf.pdfdocument.html#registerfont 


도움말 문서도 같이 전달 드리오니 부탁 드립니다.


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


감사합니다. 

그레이프시티 드림 



* 그레이프시티(GrapeCity)는 개발자를 위하여 ComponentOne(컴포넌트원), Spread(스프레드), ActiveReports(액티브리포츠), SpreadJS(스프레드JS), Wijmo(위즈모)와 같은 엑셀 스프레드시트 리포팅 그리드와 차트 등 다양한 종류의 .NET JavaScript(자바스크립트) 컴포넌트 툴을 생산하고있는 개발툴 전문 회사 입니다

댓글목록

등록된 댓글이 없습니다.

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