如何使用 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. 导出是完全免费的吗？
是的。火火工具箱秉持免费、高效、隐私的原则，该工具没有任何下载次数限制，无需登录即可使用。您的代码处理均在本地完成，不会消耗我们的服务器资源，因此永久免费。