将HTML代码(含CSS样式)渲染为图片。适合制作社交媒体分享图、代码截图、UI设计稿预览等。
步骤:1) 输入HTML+CSS代码 2) 设置输出参数 3) 点击渲染预览 4) 下载图片。
html2canvas基于浏览器渲染,但不支持所有CSS属性。常见不支持的特性包括:CSS滤镜(filter)、backdrop-filter、部分transform 3D效果、canvas内的复杂渲染等。建议使用基础CSS属性确保兼容。
将缩放比例设为2x或3x可提高输出分辨率。更大的缩放比产生更清晰的图片,但文件体积也会增加。
支持外部图片URL,但需要图片支持跨域访问(CORS)。Google Fonts等外部字体可能无法正确加载。建议将图片转为Base64内嵌。
没有严格的代码大小限制,但过大的HTML会导致渲染时间增加。建议将复杂布局拆分为多个部分分别导出。