웹 캡처 및 변환 도구
GrabzIt의 온라인 커뮤니티

ConvertHTML - PDF와 PNG/JPG의 차이점

웹 페이지 또는 HTML을 캡처하거나 변환하는 방법에 대한 질문 into 이미지, CSV, PDF 또는 DOCX 문서 및 비디오 변환 방법 into 애니메이션 GIF는 API를 사용합니다.

Hi

나는 PNG와 함께 ConvertHTML을 성공적으로 사용해 왔으며 이제 동일한 코드(PDF 매개변수에 대해 약간 수정됨)를 사용하여 PDF 내보내기 옵션도 가지려고 시도했지만 PDF 내보내기는 약간 다른 결과를 제공하므로 완전히 옳지 않습니다. . PDF를 내보내면 HTML의 오른쪽과 아래쪽에 추가 공백(여백 아님)이 추가됩니다. 아래 코드를 사용하여 정확히 동일한 HTML을 테스트했습니다. 다른 수출이 발생하는 이유에 대한 아이디어가 있습니까? 제가 생각할 수 있는 유일한 것은 픽셀을 mm로 변환할 때 반올림해야 한다는 것입니다. 

감사

PNG에 대한 코드는 다음과 같습니다.

GrabzIt("").ConvertHTML(whatToConvert, {
     "target": "#captureThis",
     "주소": 주소,
     "형식": "png",
     "투명": 1,
     "대역폭": 1200,
     "신장": 628,
     "너비": 1200,
     "높이": 628,
     "displayid": "최종 이미지",
}).DataURI(dataURLAfterGrabzIt);

 

PDF 코드는 다음과 같습니다.

GrabzIt().ConvertHTML(whatToConvert, {
     "target": "#captureThis",
     "주소": 주소,
     "형식": "pdf",
     "너비": 317, //픽셀을 mm로 변환
     "height": 166, //픽셀을 mm로 변환
     "displayid": "최종 이미지",
     "mtop": 0,
     "왼쪽": 0,
     "mbottom": 0,
     "맞아요": 0
}).DataURI(dataURLAfterGrabzIt);

 

16년 2019월 XNUMX일 Corey Alderin이 질문함

안녕 코리,

예, 아마도 약간 다를 것입니다. 이는 브라우저에 있는 내용의 정확한 이미지를 생성한 다음 이를 대상 요소로 잘라내기 때문입니다. 다른 하나는 PDF 요소로 변환된 후 올바른 PDF 요소가 잘립니다.

또한 PDF의 경우 너비와 높이를 지정하면 안 된다고 생각합니다. 

친절 감사합니다

16년 2019월 XNUMX일 GrabzIt 지원팀에서 답변함

감사해요. 그럼 과연 같은 결과를 얻을 수 있을까요? 나는 성공하지 못한 채 다양한 것을 테스트해 왔습니다. 대신 PNG-PDF 변환기를 사용해야 합니까? 나는 그것을 피하려고 노력했지만 아마도 그것이 유일한 해결책일 것입니다.

 

높이와 너비를 지정하지 않으면 더 많은 공백이 추가됩니다. 너비와 높이만 지정하는 다양한 조합을 시도했는데 모두 다른 결과를 제공하지만 올바른 결과는 아닙니다. 

 

감사

 

 

16년 2019월 XNUMX일 Corey Alderin이 답변함

캡처하려는 HTML을 제공해 주시겠습니까? 아마도 우리에게 이메일로 보내는 것이 합리적일 것입니다.

16년 2019월 XNUMX일 GrabzIt 지원팀에서 답변함

물론이죠. 보내드릴 수 있습니다. 어디로 보내야 하나요?

16년 2019월 XNUMX일 Corey Alderin이 답변함

좋아, 나는 당신이 무엇을 얻고 있는지 알 것 같아요. 대상을 PDF로 캡처하는 순간. 요청한 페이지 크기를 계속 반환하므로 A4의 페이지 크기를 요청하면 대상이 잘리고 A4 페이지에 그대로 남게 됩니다.

그러나 페이지 크기가 HTML 요소 페이지 크기로 설정된 대상 HTML 요소 자체를 원하는 것 같습니다.

이 올바른지? 그렇다면 코드 변경이 필요합니다. 대상 이미지를 생성하는 것과 유사한 방식으로 페이지 크기 매개변수에 -1을 전달하면 가능하다고 생각합니다.

16년 2019월 XNUMX일 GrabzIt 지원팀에서 답변함

네, 맞습니다. 그것이 옵션이라면 좋을 것입니다. 감사해요

16년 2019월 XNUMX일 Corey Alderin이 답변함