该API将把您的HTML和CSS转换为图像,供您使用。
按示例将原始HTML和CSS传递给API,并接收一个图像链接以访问您用代码创建的内容。
这是一个理想的API,适用于需要以图像可视化其代码的项目。非常适合演示。
此外,这是一个非常好的工具,适用于学习平台,可以向用户展示他们用新学的代码创建的内容。
除了每月的API调用限制外,没有其他限制。
在发送请求时,收到一个URL响应,该URL显示HTML为PNG、JPEG或WebP格式的图像,附带一个可选的CSS参数
使用选择器参数,您可以决定截取某个HTML元素的屏幕截图
将HTML和CSS转换为图像 - 端点功能
| 对象 | 描述 |
|---|---|
请求体 |
[必需] Json |
{"url":"https://htmltoimage-s3bucket-1lw6aoyde4nz5.s3.amazonaws.com/64b0ac4f-471d-47c7-823b-5973a2949063.png"}
curl --location --request POST 'https://zylalabs.com/api/766/html+and+css+to+image+api/498/html+and+css+to+image' --header 'Authorization: Bearer YOUR_API_KEY'
--data-raw '{
"html": "Hello World
",
"css":"",
"ms_delay": 250,
"selector": "",
"format": "png",
"device_scale": 1
}'
| 标头 | 描述 |
|---|---|
授权
|
[必需] 应为 Bearer access_key. 订阅后,请查看上方的"您的 API 访问密钥"。 |
无长期承诺。随时升级、降级或取消。 免费试用包括最多 50 个请求。
API返回一个JSON对象,其中包含一个链接到生成图像的URL 该图像表示提供的HTML和CSS的渲染输出
响应数据中的主要字段是“url”,包含生成的图像的直接链接,格式为PNG、JPEG或WebP
端点接受原始HTML的参数、可选的CSS和一个选择器参数来指定捕捉哪个HTML元素作为图像
用户可以通过包含特定的HTML和CSS代码来定制请求,并使用选择器参数来针对特定元素进行图像生成
响应数据被构造为一个JSON对象,其中"url"字段提供生成图像的链接,使其便于访问和显示
常见的使用案例包括在教育平台上生成代码可视化的图像 创建演示文稿的视觉效果 和捕捉特定的HTML元素以便于文档化
该API依赖于渲染引擎准确地将HTML和CSS转换为图像,以确保输出与用户编码的设计紧密匹配
用户可以期待以链接到生成图像的URL形式提供一致的输出,基于提供的HTML、CSS以及任何指定的选择器产生变化
服务级别:
100%
响应时间:
2,355ms
服务级别:
100%
响应时间:
8,683ms
服务级别:
100%
响应时间:
3,022ms
服务级别:
100%
响应时间:
4,273ms
服务级别:
100%
响应时间:
1,567ms
服务级别:
100%
响应时间:
13,507ms
服务级别:
100%
响应时间:
1,926ms
服务级别:
100%
响应时间:
3,492ms
服务级别:
100%
响应时间:
8,778ms
服务级别:
100%
响应时间:
3,877ms