HTML转图片

📖 使用教程

将HTML代码（含CSS样式）渲染为图片。适合制作社交媒体分享图、代码截图、UI设计稿预览等。

步骤：1) 输入HTML+CSS代码 2) 设置输出参数 3) 点击渲染预览 4) 下载图片。

🎯 应用场景

• 代码分享：将代码片段转成美观的图片分享到社交媒体
• UI截图：快速生成UI组件或页面的预览图
• 社交媒体：制作品牌统一的分享卡片和推广图片
• 文档插图：为技术文档生成配图

❓ 常见问题

为什么某些CSS效果没有渲染？

html2canvas基于浏览器渲染，但不支持所有CSS属性。常见不支持的特性包括：CSS滤镜(filter)、backdrop-filter、部分transform 3D效果、canvas内的复杂渲染等。建议使用基础CSS属性确保兼容。

图片模糊怎么办？

将缩放比例设为2x或3x可提高输出分辨率。更大的缩放比产生更清晰的图片，但文件体积也会增加。

支持外部资源（图片、字体）吗？

支持外部图片URL，但需要图片支持跨域访问（CORS）。Google Fonts等外部字体可能无法正确加载。建议将图片转为Base64内嵌。

HTML代码有大小限制吗？

没有严格的代码大小限制，但过大的HTML会导致渲染时间增加。建议将复杂布局拆分为多个部分分别导出。