HTML을 PDF로 변환 — 용지 크기·방향·여백 설정

브라우저는 소스 서버가 Access-Control-Allow-Origin 헤더를 보내도록 요구합니다. 대부분의 공개 사이트는 보내지 않습니다. 페이지를 .html로 저장하여 업로드 탭을 사용하세요 — 결과는 동일.

실행되지 않습니다. 그리기 전에 모든 <script> 태그와 “on…”으로 시작하는 이벤트 속성을 제거하므로, 남는 것은 정적인 마크업뿐입니다. 낯선 곳에서 받은 HTML을 열어 볼 때 마음이 놓이는 부분이지만, 대가도 함께 알아 두셔야 합니다. 자바스크립트로 그리는 차트, 스크립트가 채워 넣는 표, 실행되어야 나타나는 내용은 결과 PDF에 나오지 않습니다. 그런 문서라면 브라우저에서 먼저 열어 완성된 화면을 확인한 뒤 그 상태를 저장하시는 편이 확실합니다.

다른 출처에 걸린 <link rel="stylesheet"> 주소는 대개 CORS 제한에 막혀 불러오지 못합니다. 브라우저가 다른 도메인의 자원을 그림으로 옮기는 일을 막기 때문이며, 이 제한은 저희 쪽에서 풀 수 있는 것이 아닙니다. 반면 문서 안에 직접 쓴 <style> 블록은 언제나 적용됩니다. 그러니 서식이 통째로 사라진 PDF가 나왔다면 십중팔구 이 문제입니다. 스타일을 문서 안으로 옮겨 붙이신 뒤 다시 시도해 보세요.

웹 폰트(Google Fonts, fontsource)는 소스가 교차 출처 폰트 로드를 허용하면 작동. 그렇지 않으면 시스템 폰트 사용.

페이지를 그림으로 캡처하기 때문입니다. html2canvas는 브라우저가 이미 그려 놓은 것을 다시 그리고, 그 그림이 PDF가 됩니다. 플로트·그림자·웹폰트 같은 까다로운 CSS가 원본처럼 보이는 이유도, 그 아래에 텍스트 레이어가 없는 이유도 바로 그것입니다. 검색 가능한 웹페이지 PDF가 필요하다면 브라우저의 인쇄 → PDF로 저장이 텍스트를 지키는 대신 정확도를 조금 잃습니다.