该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以及任何指定的选择器产生变化
Zyla API Hub 就像一个大型 API 商店,您可以在一个地方找到数千个 API。我们还为所有 API 提供专门支持和实时监控。注册后,您可以选择要使用的 API。请记住,每个 API 都需要自己的订阅。但如果您订阅多个 API,您将为所有这些 API 使用相同的密钥,使事情变得更简单。
价格以 USD(美元)、EUR(欧元)、CAD(加元)、AUD(澳元)和 GBP(英镑)列出。我们接受所有主要的借记卡和信用卡。我们的支付系统使用最新的安全技术,由 Stripe 提供支持,Stripe 是世界上最可靠的支付公司之一。如果您在使用卡片付款时遇到任何问题,请通过 [email protected]
此外,如果您已经以这些货币中的任何一种(USD、EUR、CAD、AUD、GBP)拥有有效订阅,该货币将保留用于后续订阅。只要您没有任何有效订阅,您可以随时更改货币。
定价页面上显示的本地货币基于您 IP 地址的国家/地区,仅供参考。实际价格以 USD(美元)为单位。当您付款时,即使您在我们的网站上看到以本地货币显示的等值金额,您的卡片对账单上也会以美元显示费用。这意味着您不能直接使用本地货币付款。
有时,银行可能会因其欺诈保护设置而拒绝收费。我们建议您首先联系您的银行,检查他们是否阻止了我们的收费。此外,您可以访问账单门户并更改关联的卡片以进行付款。如果这些方法不起作用并且您需要进一步帮助,请通过 [email protected]
价格由月度或年度订阅决定,具体取决于所选计划。
API 调用根据成功请求从您的计划中扣除。每个计划都包含您每月可以进行的特定数量的调用。只有成功的调用(由状态 200 响应指示)才会计入您的总数。这确保失败或不完整的请求不会影响您的月度配额。
Zyla API Hub 采用月度订阅系统。您的计费周期将从您购买付费计划的那一天开始,并在下个月的同一日期续订。因此,如果您想避免未来的费用,请提前取消订阅。
要升级您当前的订阅计划,只需转到 API 的定价页面并选择您要升级到的计划。升级将立即生效,让您立即享受新计划的功能。请注意,您之前计划中的任何剩余调用都不会转移到新计划,因此在升级时请注意这一点。您将被收取新计划的全部金额。
要检查您本月剩余多少 API 调用,请参考响应标头中的 "X-Zyla-API-Calls-Monthly-Remaining" 字段。例如,如果您的计划允许每月 1,000 个请求,而您已使用 100 个,则响应标头中的此字段将显示 900 个剩余调用。
要查看您的计划允许的最大 API 请求数,请检查 "X-Zyla-RateLimit-Limit" 响应标头。例如,如果您的计划包括每月 1,000 个请求,此标头将显示 1,000。
"X-Zyla-RateLimit-Reset" 标头显示您的速率限制重置之前的秒数。这告诉您何时您的请求计数将重新开始。例如,如果它显示 3,600,则意味着还有 3,600 秒直到限制重置。
是的,您可以随时通过访问您的账户并在账单页面上选择取消选项来取消您的计划。请注意,升级、降级和取消会立即生效。此外,取消后,您将不再有权访问该服务,即使您的配额中还有剩余调用。
您可以通过我们的聊天渠道联系我们以获得即时帮助。我们始终在线,时间为上午 8 点至下午 5 点(EST)。如果您在该时间之后联系我们,我们将尽快回复您。此外,您可以通过 [email protected]
为了让您有机会在没有任何承诺的情况下体验我们的 API,我们提供 7 天免费试用,允许您免费进行最多 50 次 API 调用。此试用只能使用一次,因此我们建议将其应用于您最感兴趣的 API。虽然我们的大多数 API 都提供免费试用,但有些可能不提供。试用在 7 天后或您进行了 50 次请求后结束,以先发生者为准。如果您在试用期间达到 50 次请求限制,您需要"开始您的付费计划"以继续发出请求。您可以在个人资料中的订阅 -> 选择您订阅的 API -> 定价标签下找到"开始您的付费计划"按钮。或者,如果您在第 7 天之前不取消订阅,您的免费试用将结束,您的计划将自动计费,授予您访问计划中指定的所有 API 调用的权限。请记住这一点以避免不必要的费用。
7 天后,您将被收取试用期间订阅的计划的全额费用。因此,在试用期结束前取消很重要。因忘记及时取消而提出的退款请求不被接受。
当您订阅 API 免费试用时,您可以进行最多 50 次 API 调用。如果您希望超出此限制进行额外的 API 调用,API 将提示您执行"开始您的付费计划"。您可以在个人资料中的订阅 -> 选择您订阅的 API -> 定价标签下找到"开始您的付费计划"按钮。
付款订单在每月 20 日至 30 日之间处理。如果您在 20 日之前提交请求,您的付款将在此时间范围内处理。
服务级别:
100%
响应时间:
2,355ms
服务级别:
100%
响应时间:
2,845ms
服务级别:
100%
响应时间:
10,141ms
服务级别:
100%
响应时间:
0ms
服务级别:
100%
响应时间:
5,645ms
服务级别:
100%
响应时间:
14,217ms
服务级别:
100%
响应时间:
3,731ms
服务级别:
100%
响应时间:
10,141ms
服务级别:
100%
响应时间:
2,663ms
服务级别:
100%
响应时间:
4,433ms
服务级别:
100%
响应时间:
2,438ms
服务级别:
100%
响应时间:
613ms
服务级别:
100%
响应时间:
771ms
服务级别:
100%
响应时间:
1,983ms
服务级别:
100%
响应时间:
690ms
服务级别:
100%
响应时间:
1,088ms
服务级别:
100%
响应时间:
133ms
服务级别:
100%
响应时间:
1,115ms
服务级别:
100%
响应时间:
0ms
服务级别:
100%
响应时间:
798ms