자바를 사용하여 CSS를 HTML로 PDF 내보내기에 보관

JavaScript를 사용하여 PDF를 생성하려고하는데 CSS로 생성 할 수 없습니다. 현재 jsPDF을 사용 중입니다. jsPDF의 문제는 모든 서식을 제거한다는 것입니다. 스타일이나 색상이 필요하지 않지만 여러개를 나란히 배치해야합니다. divs자바를 사용하여 CSS를 HTML로 PDF 내보내기에 보관

내 코드

    margins = { 
         top: 0, 
         bottom: 0, 
         left: 20, 
         width: 170 
        };      
        pdf.setFontSize(6); 
        pdf.fromHTML(
         $('#textpdfdiv').html(), 
         margins.left, 
         margins.top, { 
          'width': margins.width 
         }, 

         function (dispose) {         
          pdf.save('Export_Text.pdf'); 
         }, margins 
        );

textpdfdiv 측면에 의한 별도 divs 측 폼의 모든 값을 보유 div의 ID이다. 그러나 PDF를 생성하면 별도의 행으로 이동합니다.

온라인으로 처리하기 때문에 XEPOnline을 사용할 수 없습니다. 내가 PDF 출력을 필요로하는 방법

는 다음과 같이 (마이너스 색상과 양식 필드 등)

을 나는 현재

입니다 가지고있는 출력입니다

변환하는 플러그인이 있습니까? HTML + CSS to PDF? 또는 jsPDF로이 작업을 수행 할 수 있습니까? 나는이 테이블이 없기 때문에이 Question도 도움이되지 않습니다.

EDIT : 오랫동안 검색 할 수없는 PDF를 생성하고 검색 가능한 PDF가 필요하기 때문에 Html2Canvas도 사용할 수 없습니다. Html2Canvas는 스크린 샷을 찍어 이미지이지만 이미지를 복사 할 수 있어야합니다.

는
함자를 주셔서 감사합니다

출처

2017-02-08 Hamza

자동으로 처리해야한다고 가정합니다. CSS를'@print' 미디어 쿼리로 포맷하고 실제로 페이지를 출력하는 것이 유일한 방법이기 때문에 묻습니다 (PDF로 출력). 이게 도움이되지 않을 것이라고 확신하지만, 아마도 이것이 올바른 방향으로 갈 수 있을까요? – ntgCleaner

실제로 인쇄가 도움이되지 않습니다. 왜냐하면 모든 브라우저를 지원하지 않기 때문입니다. 나는 단지 몇 가지만을 필요로합니다. 이것은 PDF 50MB를 생성합니다. – Hamza

어쩌면 나는 그런 도움이 될하지 수 있지만, 해당 라이브러리의 버그 것 같다 : 당신을위한 제안을 찾을 수 있습니다 해당 페이지에서 https://github.com/MrRio/jsPDF/issues/91

귀하의 목적은 Html2Canvas를 사용하는 것입니다.

출처

2017-02-08 14:54:07 misterwolf

감사하지만 도움이되지 않습니다. 물론 Html2Canvas는 검색이 불가능한 긴 PDF를 만듭니다. 검색 가능한 PDF가 필요합니다. Html2Canvas는 기본적으로 스크린 샷을 취하며 텍스트가 아닌 이미지입니다 .. – Hamza

이 플러그인을 사용하여 HTML과 CSS가 포함 된 PDF를 생성했습니다. ID를 가진 ""콘텐츠를 PDF에 넣고 싶을뿐입니다.

https://github.com/Xportability/css-to-pdf

출처

2017-02-08 15:43:06

자바를 사용하여 CSS를 HTML로 PDF 내보내기에 보관

답변

관련 문제