如何使用 HTML 轉 PDF / 網頁轉 PDF 工具？
這是一個專為開發者打造的 線上 html 轉 pdf 工具，旨在提供 html 轉 pdf 最簡單方法。無論您是需要將 本地 html 轉 pdf 進行存檔，还是寻找 html 轉 pdf 線上 預覽方案，本工具都能完美胜任。通過强大的渲染引擎，您可以轻松實現 html 轉成 pdf，并支援將 html 程式碼生成圖片 (PNG 格式)。
相比傳统的繁琐操作，我們的 html 轉 pdf 方案無需安装任何插件。您只需在编辑器中輸入程式碼，即可一鍵完成 html 轉pdf 的轉換過程，且 100% 保護隱私。
1. 編寫程式碼
在左侧编辑器中輸入 HTML 標籤和 CSS 樣式，右侧預覽窗口會自動同步显示渲染效果。
2. 調整布局
您可以直接在 CSS 中控制容器的寬度、高度、外邊距等，預覽窗口中的白色区域即為匯出的范围。
3. 一鍵匯出
满意後點選“匯出 PNG”或“匯出 PDF”，工具會在瀏覽器本地生成高畫質檔案并自動下載。
常見問題 (FAQ)
1. 匯出过程會上傳我的程式碼吗？
绝不上傳。 所有的渲染（使用 iframe）、捕获（使用 html2canvas）和生成（使用 jsPDF）过程均在您的瀏覽器本地完成。您的程式碼和生成的檔案都不會离开您的電腦，100% 隱私保護。
2. 為什麼匯出的圖片/PDF 中某些樣式（如圆角、渐变）显示不正常？
本工具使用
html2canvas 將 HTML 轉換為畫布。虽然它支援絕大多數現代 CSS 屬性，但对某些進階特性（如 filter、backdrop-filter 或复杂的 clip-path）可能存在限制。建議使用标准的盒模型和 Flex/Grid 布局以获得最佳效果。
3. 匯出 PDF 是矢量的吗？
目前的 PDF 匯出方案是將 HTML 轉換為高畫質位圖後再嵌入 PDF 檔案。这样做可以確保匯出效果與預覽 100% 一致，避免了字體缺失导致的排版错乱。虽然不是純矢量，但匯出的 PDF 具有很高的 DPI，列印效果非常清晰。
4. 支援哪些 HTML 標籤和 CSS 属性？
本工具支援绝大多數标准的 HTML5 標籤和 CSS3 属性。但请注意：
1. 由於瀏覽器安全策略，跨域引用（如非本站域名下的圖片）可能無法渲染，建議將圖片轉換為 Base64 後嵌入。
2. 匯出引擎对某些較新的 CSS 特性（如
1. 由於瀏覽器安全策略，跨域引用（如非本站域名下的圖片）可能無法渲染，建議將圖片轉換為 Base64 後嵌入。
2. 匯出引擎对某些較新的 CSS 特性（如
gap、复杂的 filter 或 backdrop-filter）支援不够完美，导致位置偏移。建議使用 margin 代替 gap 进行間距控制。
5. 如何調整匯出的尺寸？
您無需在工具設定中寻找尺寸选项，直接在 CSS 中修改您主容器（如
.card）的 width 和 height 即可。預覽窗口會自動感知內容大小并动态調整捕获区域。
6. 工具支援匯出透明背景吗？
支援。如果您在 CSS 中將最外层元素的背景設定為
transparent，那么匯出的 PNG 圖片背景將是透明的，非常适合製作水印或悬浮元件。
7. 為什麼在手機上匯出效果不佳？
由於行動端瀏覽器对
html2canvas 和 jsPDF 等重計算库的效能限制及 API 兼容性差异，建議在 PC 端（Chrome、Edge 或 Firefox）使用本工具以获得最佳的渲染速度和匯出質量。
8. 匯出是完全免費的吗？
是的。火火工具箱秉持免費、高效、隱私的原则，该工具没有任何下載次數限制，無需登入即可使用。您的程式碼處理均在本地完成，不會消耗我們的伺服器资源，因此永久免費。