在继续您的订阅之前，我们需要验证您的身份。
这将保护您和其他用户免受潜在欺诈。
- 您将被重定向到我们的安全身份验证合作伙伴Stripe。
- 您需要提供政府颁发的身份证件。
- 该过程是自动的，只需几分钟。
- 完成后，您将被重定向到结账页面继续您的订阅。
通过封装此 MCP 创建技能： https://mcp.zylalabs.com/mcp?apikey=YOUR_ZYLA_API_KEY
介绍HTML CSS转图片API：您通往惊人视觉内容的大门
在数字时代，视觉内容至高无上，从HTML和CSS中制作引人注目的图像通过HTML CSS转图片API变得前所未有的简单。这个强大的API使开发者、设计师和内容创作者能够轻松地将网页元素转换为PNG、JPEG或WebP图像，为增强网站、应用程序和数字营销材料开辟了无限可能。
主要特点：
多功能转换： 通过这个API，您可以无缝地将普通的HTML和CSS代码转换为高质量的PNG、JPEG或WebP图像。无需复杂的软件或手动创建图像，只需输入您的代码，观看您的设想变为现实。
精确时机： 耐心是有回报的，尤其是在捕捉动态网页内容时。该API提供在截图之前等待指定毫秒数的能力。这确保您的图像准确表示网页的完全加载状态，避免过早捕捉，为用户提供无缝的浏览体验。
URL魔法： 有时，整个网络都是您的画布。直接从网站URL生成图像，提供指定高度和宽度的选项。无论您是在展示网页内容还是监控变化，此功能简化了过程，使您能够捕捉到您所需的确切内容。
像素完美控制： 通过API的像素比率调整功能，完美地调整像素比率变得轻而易举。在您的截图中实现清晰度和细节的精确水平，确保您的图像在各种设备和分辨率下都看起来惊人。
传递您的CSS HTML或URL以获取生成的图像。
介绍HTML CSS转图片API：您通往惊人视觉内容的大门
在数字时代，视觉内容至高无上，从HTML和CSS中制作引人注目的图像通过HTML CSS转图片API变得前所未有的简单。这个强大的API使开发者、设计师和内容创作者能够轻松地将网页元素转换为PNG、JPEG或WebP图像，为增强网站、应用程序和数字营销材料开辟了无限可能。
主要特点：
多功能转换： 通过这个API，您可以无缝地将普通的HTML和CSS代码转换为高质量的PNG、JPEG或WebP图像。无需复杂的软件或手动创建图像，只需输入您的代码，观看您的设想变为现实。
精确时机： 耐心是有回报的，尤其是在捕捉动态网页内容时。该API提供在截图之前等待指定毫秒数的能力。这确保您的图像准确表示网页的完全加载状态，避免过早捕捉，为用户提供无缝的浏览体验。
URL魔法： 有时，整个网络都是您的画布。直接从网站URL生成图像，提供指定高度和宽度的选项。无论您是在展示网页内容还是监控变化，此功能简化了过程，使您能够捕捉到您所需的确切内容。
像素完美控制： 通过API的像素比率调整功能，完美地调整像素比率变得轻而易举。在您的截图中实现清晰度和细节的精确水平，确保您的图像在各种设备和分辨率下都看起来惊人。
除了计划中可用的API调用次数外，没有其他限制。
在请求中发送一个带有可选CSS参数的HTML，并在响应中返回一个URL，该URL将其渲染为PNG JPEG或WebP格式的图像
POST https://www.zylalabs.com/api/2612/html+css+to+image+api/2620/html+css+to+image
HTML CSS 转换为图像 - 端点功能
| 对象 | 描述 |
|---|---|
请求体 |
[必需] Json |
{"url":"https://htmltoimage-s3bucket-1lw6aoyde4nz5.s3.amazonaws.com/18253aa7-8e49-4a31-b228-8330bbffcf26.png"}
curl --location --request POST 'https://zylalabs.com/api/2612/html+css+to+image+api/2620/html+css+to+image' --header 'Authorization: Bearer YOUR_API_KEY'
--data-raw '{
"html": "\n\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t![](\"https://cdn.shopify.com/s/files/1/0656/2283/5457/products/819DpkZOobL.jpg?v=1664689392\"/)
\n\t\t\t\t\t\n\t\t\t\t\t\tFour Aunties and a Wedding
\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t₹199.00 x 1
\n\t\t\t\t\t₹199.00
\n\t\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t![](\"https://cdn.shopify.com/s/files/1/0656/2283/5457/products/download.jpg?v=1666084692\"/)
\n\t\t\t\t\t\n\t\t\t\t\t\tIt Starts With Us
\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t₹179.00 x 1
\n\t\t\t\t\t₹179.00
\n\t\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t![](\"https://cdn.shopify.com/s/files/1/0656/2283/5457/products/whenIamwithyou.jpg?v=1661148983\"/)
\n\t\t\t\t\t\n\t\t\t\t\t\tWhen I Am With You
\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t₹120.00 x 1
\n\t\t\t\t\t₹120.00
\n\t\t\t\t\n\t\t\t\n\t\t\t
\n\t\t\t\n\t\t\t\t\n\t\t\t\t\tStandard shipping ( for online payments )
\n\t\t\t\t\t\n\t\t\t\t\t\tINR
\n\t\t\t\t\t\t₹40.00
\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\tTotal
\n\t\t\t\t\t\n\t\t\t\t\t\tINR
\n\t\t\t\t\t\t₹538.00
\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\n\t\t\n\t",
"css": "* {\n\tmargin: 0px;\n\tpadding: 0px;\n}\n\nbody {\n\tfont-family: "Roboto", sans-serif;\n}\n\np {\n\tfont-size: 20px;\n}\n\n.container {\n\twidth: 900px;\n\tborder: 1px solid black;\n\tpadding: 60px 60px 40px 60px;\n}\n\n.flex {\n\tdisplay: flex;\n}\n\n.product {\n\tdisplay: flex;\n\tflex-direction: row;\n\tjustify-content: space-between;\n\tmargin-bottom: 40px;\n}\n\n.product-image {\n\twidth: 100px;\n\theight: 100px;\n\tborder: 1px solid #dddddd;\n\tborder-radius: 8px;\n}\n\n.product-details {\n\tmargin-left: 20px;\n}\n\n.product-details h2 {\n\tmargin-bottom: 10px;\n\tmax-width: 400px;\n}\n\n.price {\n\tfont-weight: bold;\n\tmargin-left: 40px;\n}\n\n.currency {\n\tcolor: gray;\n\tmargin-right: 10px;\n}\n\n.footer {\n\tmargin-top: 40px;\n}\n\n.total {\n\tdisplay: flex;\n\tflex-direction: row;\n\tjustify-content: space-between;\n\tmargin-bottom: 20px;\n}\n\n.total h2 {\n\tfont-size: 28px;\n}",
"ms_delay": 250,
"selector": ".container",
"format": "png",
"device_scale": 1
}'
import okhttp3.OkHttpClient;
import okhttp3.Request;
import okhttp3.Response;
import java.io.IOException;
public class Main {
public static void main(String[] args) {
OkHttpClient client = new OkHttpClient();
// Build the GET request
Request request = new Request.Builder()
.url("https://zylalabs.com/api/2612/html+css+to+image+api/2620/html+css+to+image")
.get() // Use GET method without a body
.addHeader("Authorization", "Bearer YOUR_API_KEY")
.build();
// Execute the request
try (Response response = client.newCall(request).execute()) {
if (response.isSuccessful()) {
// Handle the response in case of a successful request
String responseData = response.body().string();
System.out.println(responseData);
} else {
// Handle errors
System.out.println("Request error: " + response.code());
}
} catch (IOException e) {
// Handle I/O exceptions
e.printStackTrace();
}
}
}
var settings = {
"url": "https://zylalabs.com/api/2612/html+css+to+image+api/2620/html+css+to+image",
"method": "POST",
"timeout": 0,
"headers": {
"Authorization": "Bearer YOUR_API_KEY"
},
};
$.ajax(settings).done(function (response) {
console.log(response);
});
var data = "{\r\n \"html\": \"\\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t![](\\\"https:\/\/cdn.shopify.com\/s\/files\/1\/0656\/2283\/5457\/products\/819DpkZOobL.jpg?v=1664689392\\\"\/)
\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tFour Aunties and a Wedding<\/h2>\\n\\t\\t\\t\\t\\t\\t
<\/p>\\n\\t\\t\\t\\t\\t<\/div>\\n\\t\\t\\t\\t<\/div>\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\u20b9199.00 x 1<\/p>\\n\\t\\t\\t\\t\\t
\u20b9199.00<\/p>\\n\\t\\t\\t\\t<\/div>\\n\\t\\t\\t<\/div>\\n\\t\\t\\t
\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t![](\\\"https:\/\/cdn.shopify.com\/s\/files\/1\/0656\/2283\/5457\/products\/download.jpg?v=1666084692\\\"\/)
\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tIt Starts With Us<\/h2>\\n\\t\\t\\t\\t\\t\\t
<\/p>\\n\\t\\t\\t\\t\\t<\/div>\\n\\t\\t\\t\\t<\/div>\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\u20b9179.00 x 1<\/p>\\n\\t\\t\\t\\t\\t
\u20b9179.00<\/p>\\n\\t\\t\\t\\t<\/div>\\n\\t\\t\\t<\/div>\\n\\t\\t\\t
\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t![](\\\"https:\/\/cdn.shopify.com\/s\/files\/1\/0656\/2283\/5457\/products\/whenIamwithyou.jpg?v=1661148983\\\"\/)
\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tWhen I Am With You<\/h2>\\n\\t\\t\\t\\t\\t\\t
<\/p>\\n\\t\\t\\t\\t\\t<\/div>\\n\\t\\t\\t\\t<\/div>\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\u20b9120.00 x 1<\/p>\\n\\t\\t\\t\\t\\t
\u20b9120.00<\/p>\\n\\t\\t\\t\\t<\/div>\\n\\t\\t\\t<\/div>\\n\\t\\t\\t
\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tStandard shipping ( for online payments )<\/h3>\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tINR<\/p>\\n\\t\\t\\t\\t\\t\\t
\u20b940.00<\/h3>\\n\\t\\t\\t\\t\\t<\/div>\\n\\t\\t\\t\\t<\/div>\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tTotal<\/h2>\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tINR<\/p>\\n\\t\\t\\t\\t\\t\\t
\u20b9538.00<\/h2>\\n\\t\\t\\t\\t\\t<\/div>\\n\\t\\t\\t\\t<\/div>\\n\\t\\t\\t<\/div>\\n\\t\\t<\/div>\\n\\t<\/body>\",\r\n \"css\": \"* {\\n\\tmargin: 0px;\\n\\tpadding: 0px;\\n}\\n\\nbody {\\n\\tfont-family: "Roboto", sans-serif;\\n}\\n\\np {\\n\\tfont-size: 20px;\\n}\\n\\n.container {\\n\\twidth: 900px;\\n\\tborder: 1px solid black;\\n\\tpadding: 60px 60px 40px 60px;\\n}\\n\\n.flex {\\n\\tdisplay: flex;\\n}\\n\\n.product {\\n\\tdisplay: flex;\\n\\tflex-direction: row;\\n\\tjustify-content: space-between;\\n\\tmargin-bottom: 40px;\\n}\\n\\n.product-image {\\n\\twidth: 100px;\\n\\theight: 100px;\\n\\tborder: 1px solid #dddddd;\\n\\tborder-radius: 8px;\\n}\\n\\n.product-details {\\n\\tmargin-left: 20px;\\n}\\n\\n.product-details h2 {\\n\\tmargin-bottom: 10px;\\n\\tmax-width: 400px;\\n}\\n\\n.price {\\n\\tfont-weight: bold;\\n\\tmargin-left: 40px;\\n}\\n\\n.currency {\\n\\tcolor: gray;\\n\\tmargin-right: 10px;\\n}\\n\\n.footer {\\n\\tmargin-top: 40px;\\n}\\n\\n.total {\\n\\tdisplay: flex;\\n\\tflex-direction: row;\\n\\tjustify-content: space-between;\\n\\tmargin-bottom: 20px;\\n}\\n\\n.total h2 {\\n\\tfont-size: 28px;\\n}\",\r\n \"ms_delay\": 250,\r\n \"selector\": \".container\",\r\n \"format\": \"png\",\r\n \"device_scale\": 1\r\n}";
var xhr = new XMLHttpRequest();
xhr.withCredentials = true;
xhr.addEventListener("readystatechange", function() {
if(this.readyState === 4) {
console.log(this.responseText);
}
});
xhr.open("POST", "https://zylalabs.com/api/2612/html+css+to+image+api/2620/html+css+to+image");
xhr.setRequestHeader("Authorization", "Bearer YOUR_API_KEY");
xhr.send(data);
xhr.send();
xhr.send();
var axios = require('axios');
var data = "{\r\n \"html\": \"\\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tFour Aunties and a Wedding<\/h2>\\n\\t\\t\\t\\t\\t\\t
<\/p>\\n\\t\\t\\t\\t\\t<\/div>\\n\\t\\t\\t\\t<\/div>\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\u20b9199.00 x 1<\/p>\\n\\t\\t\\t\\t\\t
\u20b9199.00<\/p>\\n\\t\\t\\t\\t<\/div>\\n\\t\\t\\t<\/div>\\n\\t\\t\\t
\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tIt Starts With Us<\/h2>\\n\\t\\t\\t\\t\\t\\t
<\/p>\\n\\t\\t\\t\\t\\t<\/div>\\n\\t\\t\\t\\t<\/div>\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\u20b9179.00 x 1<\/p>\\n\\t\\t\\t\\t\\t
\u20b9179.00<\/p>\\n\\t\\t\\t\\t<\/div>\\n\\t\\t\\t<\/div>\\n\\t\\t\\t
\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tWhen I Am With You<\/h2>\\n\\t\\t\\t\\t\\t\\t
<\/p>\\n\\t\\t\\t\\t\\t<\/div>\\n\\t\\t\\t\\t<\/div>\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\u20b9120.00 x 1<\/p>\\n\\t\\t\\t\\t\\t
\u20b9120.00<\/p>\\n\\t\\t\\t\\t<\/div>\\n\\t\\t\\t<\/div>\\n\\t\\t\\t
\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tStandard shipping ( for online payments )<\/h3>\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tINR<\/p>\\n\\t\\t\\t\\t\\t\\t
\u20b940.00<\/h3>\\n\\t\\t\\t\\t\\t<\/div>\\n\\t\\t\\t\\t<\/div>\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tTotal<\/h2>\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tINR<\/p>\\n\\t\\t\\t\\t\\t\\t
\u20b9538.00<\/h2>\\n\\t\\t\\t\\t\\t<\/div>\\n\\t\\t\\t\\t<\/div>\\n\\t\\t\\t<\/div>\\n\\t\\t<\/div>\\n\\t<\/body>\",\r\n \"css\": \"* {\\n\\tmargin: 0px;\\n\\tpadding: 0px;\\n}\\n\\nbody {\\n\\tfont-family: "Roboto", sans-serif;\\n}\\n\\np {\\n\\tfont-size: 20px;\\n}\\n\\n.container {\\n\\twidth: 900px;\\n\\tborder: 1px solid black;\\n\\tpadding: 60px 60px 40px 60px;\\n}\\n\\n.flex {\\n\\tdisplay: flex;\\n}\\n\\n.product {\\n\\tdisplay: flex;\\n\\tflex-direction: row;\\n\\tjustify-content: space-between;\\n\\tmargin-bottom: 40px;\\n}\\n\\n.product-image {\\n\\twidth: 100px;\\n\\theight: 100px;\\n\\tborder: 1px solid #dddddd;\\n\\tborder-radius: 8px;\\n}\\n\\n.product-details {\\n\\tmargin-left: 20px;\\n}\\n\\n.product-details h2 {\\n\\tmargin-bottom: 10px;\\n\\tmax-width: 400px;\\n}\\n\\n.price {\\n\\tfont-weight: bold;\\n\\tmargin-left: 40px;\\n}\\n\\n.currency {\\n\\tcolor: gray;\\n\\tmargin-right: 10px;\\n}\\n\\n.footer {\\n\\tmargin-top: 40px;\\n}\\n\\n.total {\\n\\tdisplay: flex;\\n\\tflex-direction: row;\\n\\tjustify-content: space-between;\\n\\tmargin-bottom: 20px;\\n}\\n\\n.total h2 {\\n\\tfont-size: 28px;\\n}\",\r\n \"ms_delay\": 250,\r\n \"selector\": \".container\",\r\n \"format\": \"png\",\r\n \"device_scale\": 1\r\n}";
var config = {
method: 'POST',
url: 'https://zylalabs.com/api/2612/html+css+to+image+api/2620/html+css+to+image',
headers: {
'Authorization': 'Bearer YOUR_API_KEY'
},
data : data
};
axios(config).then(function (response) {
console.log(JSON.stringify(response.data));
})
.catch(function (error) {
console.log(error);
});
$curl = curl_init();
curl_setopt_array($curl, array(
CURLOPT_URL => 'https://zylalabs.com/api/2612/html+css+to+image+api/2620/html+css+to+image',
CURLOPT_RETURNTRANSFER => true,
CURLOPT_ENCODING => '',
CURLOPT_MAXREDIRS => 10,
CURLOPT_TIMEOUT => 0,
CURLOPT_FOLLOWLOCATION => true,
CURLOPT_HTTP_VERSION => CURL_HTTP_VERSION_1_1,
CURLOPT_CUSTOMREQUEST => 'POST',
CURLOPT_POSTFIELDS => '{
"html": "\n\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tFour Aunties and a Wedding
\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t₹199.00 x 1
\n\t\t\t\t\t₹199.00
\n\t\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tIt Starts With Us
\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t₹179.00 x 1
\n\t\t\t\t\t₹179.00
\n\t\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tWhen I Am With You
\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t₹120.00 x 1
\n\t\t\t\t\t₹120.00
\n\t\t\t\t\n\t\t\t\n\t\t\t
\n\t\t\t\n\t\t\t\t\n\t\t\t\t\tStandard shipping ( for online payments )
\n\t\t\t\t\t\n\t\t\t\t\t\tINR
\n\t\t\t\t\t\t₹40.00
\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\tTotal
\n\t\t\t\t\t\n\t\t\t\t\t\tINR
\n\t\t\t\t\t\t₹538.00
\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\n\t\t\n\t",
"css": "* {\n\tmargin: 0px;\n\tpadding: 0px;\n}\n\nbody {\n\tfont-family: "Roboto", sans-serif;\n}\n\np {\n\tfont-size: 20px;\n}\n\n.container {\n\twidth: 900px;\n\tborder: 1px solid black;\n\tpadding: 60px 60px 40px 60px;\n}\n\n.flex {\n\tdisplay: flex;\n}\n\n.product {\n\tdisplay: flex;\n\tflex-direction: row;\n\tjustify-content: space-between;\n\tmargin-bottom: 40px;\n}\n\n.product-image {\n\twidth: 100px;\n\theight: 100px;\n\tborder: 1px solid #dddddd;\n\tborder-radius: 8px;\n}\n\n.product-details {\n\tmargin-left: 20px;\n}\n\n.product-details h2 {\n\tmargin-bottom: 10px;\n\tmax-width: 400px;\n}\n\n.price {\n\tfont-weight: bold;\n\tmargin-left: 40px;\n}\n\n.currency {\n\tcolor: gray;\n\tmargin-right: 10px;\n}\n\n.footer {\n\tmargin-top: 40px;\n}\n\n.total {\n\tdisplay: flex;\n\tflex-direction: row;\n\tjustify-content: space-between;\n\tmargin-bottom: 20px;\n}\n\n.total h2 {\n\tfont-size: 28px;\n}",
"ms_delay": 250,
"selector": ".container",
"format": "png",
"device_scale": 1
}',
CURLOPT_HTTPHEADER => array(
'Authorization: Bearer YOUR_API_KEY'
),
));
$response = curl_exec($curl);
curl_close($curl);
echo $response;
import requests
url = "https://zylalabs.com/api/2612/html+css+to+image+api/2620/html+css+to+image"
payload = "{\r\n \"html\": \"\\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tFour Aunties and a Wedding<\/h2>\\n\\t\\t\\t\\t\\t\\t
<\/p>\\n\\t\\t\\t\\t\\t<\/div>\\n\\t\\t\\t\\t<\/div>\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\u20b9199.00 x 1<\/p>\\n\\t\\t\\t\\t\\t
\u20b9199.00<\/p>\\n\\t\\t\\t\\t<\/div>\\n\\t\\t\\t<\/div>\\n\\t\\t\\t
\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tIt Starts With Us<\/h2>\\n\\t\\t\\t\\t\\t\\t
<\/p>\\n\\t\\t\\t\\t\\t<\/div>\\n\\t\\t\\t\\t<\/div>\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\u20b9179.00 x 1<\/p>\\n\\t\\t\\t\\t\\t
\u20b9179.00<\/p>\\n\\t\\t\\t\\t<\/div>\\n\\t\\t\\t<\/div>\\n\\t\\t\\t
\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tWhen I Am With You<\/h2>\\n\\t\\t\\t\\t\\t\\t
<\/p>\\n\\t\\t\\t\\t\\t<\/div>\\n\\t\\t\\t\\t<\/div>\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\u20b9120.00 x 1<\/p>\\n\\t\\t\\t\\t\\t
\u20b9120.00<\/p>\\n\\t\\t\\t\\t<\/div>\\n\\t\\t\\t<\/div>\\n\\t\\t\\t
\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tStandard shipping ( for online payments )<\/h3>\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tINR<\/p>\\n\\t\\t\\t\\t\\t\\t
\u20b940.00<\/h3>\\n\\t\\t\\t\\t\\t<\/div>\\n\\t\\t\\t\\t<\/div>\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tTotal<\/h2>\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tINR<\/p>\\n\\t\\t\\t\\t\\t\\t
\u20b9538.00<\/h2>\\n\\t\\t\\t\\t\\t<\/div>\\n\\t\\t\\t\\t<\/div>\\n\\t\\t\\t<\/div>\\n\\t\\t<\/div>\\n\\t<\/body>\",\r\n \"css\": \"* {\\n\\tmargin: 0px;\\n\\tpadding: 0px;\\n}\\n\\nbody {\\n\\tfont-family: "Roboto", sans-serif;\\n}\\n\\np {\\n\\tfont-size: 20px;\\n}\\n\\n.container {\\n\\twidth: 900px;\\n\\tborder: 1px solid black;\\n\\tpadding: 60px 60px 40px 60px;\\n}\\n\\n.flex {\\n\\tdisplay: flex;\\n}\\n\\n.product {\\n\\tdisplay: flex;\\n\\tflex-direction: row;\\n\\tjustify-content: space-between;\\n\\tmargin-bottom: 40px;\\n}\\n\\n.product-image {\\n\\twidth: 100px;\\n\\theight: 100px;\\n\\tborder: 1px solid #dddddd;\\n\\tborder-radius: 8px;\\n}\\n\\n.product-details {\\n\\tmargin-left: 20px;\\n}\\n\\n.product-details h2 {\\n\\tmargin-bottom: 10px;\\n\\tmax-width: 400px;\\n}\\n\\n.price {\\n\\tfont-weight: bold;\\n\\tmargin-left: 40px;\\n}\\n\\n.currency {\\n\\tcolor: gray;\\n\\tmargin-right: 10px;\\n}\\n\\n.footer {\\n\\tmargin-top: 40px;\\n}\\n\\n.total {\\n\\tdisplay: flex;\\n\\tflex-direction: row;\\n\\tjustify-content: space-between;\\n\\tmargin-bottom: 20px;\\n}\\n\\n.total h2 {\\n\\tfont-size: 28px;\\n}\",\r\n \"ms_delay\": 250,\r\n \"selector\": \".container\",\r\n \"format\": \"png\",\r\n \"device_scale\": 1\r\n}"
payload={}
payload={}
headers = {
'Authorization': 'Bearer YOUR_API_KEY'
}
response = requests.request("POST", url, headers=headers, data=payload)
print(response.text)
require "uri"
require "net/http"
url = URI("https://zylalabs.com/api/2612/html+css+to+image+api/2620/html+css+to+image")
http = Net::HTTP.new(url.host, url.port);
request = Net::HTTP::POST.new(url)
request["Authorization"] = "Bearer YOUR_API_KEY"
request.body = "{\r\n \"html\": \"\\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tFour Aunties and a Wedding<\/h2>\\n\\t\\t\\t\\t\\t\\t
<\/p>\\n\\t\\t\\t\\t\\t<\/div>\\n\\t\\t\\t\\t<\/div>\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\u20b9199.00 x 1<\/p>\\n\\t\\t\\t\\t\\t
\u20b9199.00<\/p>\\n\\t\\t\\t\\t<\/div>\\n\\t\\t\\t<\/div>\\n\\t\\t\\t
\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tIt Starts With Us<\/h2>\\n\\t\\t\\t\\t\\t\\t
<\/p>\\n\\t\\t\\t\\t\\t<\/div>\\n\\t\\t\\t\\t<\/div>\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\u20b9179.00 x 1<\/p>\\n\\t\\t\\t\\t\\t
\u20b9179.00<\/p>\\n\\t\\t\\t\\t<\/div>\\n\\t\\t\\t<\/div>\\n\\t\\t\\t
\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tWhen I Am With You<\/h2>\\n\\t\\t\\t\\t\\t\\t
<\/p>\\n\\t\\t\\t\\t\\t<\/div>\\n\\t\\t\\t\\t<\/div>\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\u20b9120.00 x 1<\/p>\\n\\t\\t\\t\\t\\t
\u20b9120.00<\/p>\\n\\t\\t\\t\\t<\/div>\\n\\t\\t\\t<\/div>\\n\\t\\t\\t
\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tStandard shipping ( for online payments )<\/h3>\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tINR<\/p>\\n\\t\\t\\t\\t\\t\\t
\u20b940.00<\/h3>\\n\\t\\t\\t\\t\\t<\/div>\\n\\t\\t\\t\\t<\/div>\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tTotal<\/h2>\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tINR<\/p>\\n\\t\\t\\t\\t\\t\\t
\u20b9538.00<\/h2>\\n\\t\\t\\t\\t\\t<\/div>\\n\\t\\t\\t\\t<\/div>\\n\\t\\t\\t<\/div>\\n\\t\\t<\/div>\\n\\t<\/body>\",\r\n \"css\": \"* {\\n\\tmargin: 0px;\\n\\tpadding: 0px;\\n}\\n\\nbody {\\n\\tfont-family: "Roboto", sans-serif;\\n}\\n\\np {\\n\\tfont-size: 20px;\\n}\\n\\n.container {\\n\\twidth: 900px;\\n\\tborder: 1px solid black;\\n\\tpadding: 60px 60px 40px 60px;\\n}\\n\\n.flex {\\n\\tdisplay: flex;\\n}\\n\\n.product {\\n\\tdisplay: flex;\\n\\tflex-direction: row;\\n\\tjustify-content: space-between;\\n\\tmargin-bottom: 40px;\\n}\\n\\n.product-image {\\n\\twidth: 100px;\\n\\theight: 100px;\\n\\tborder: 1px solid #dddddd;\\n\\tborder-radius: 8px;\\n}\\n\\n.product-details {\\n\\tmargin-left: 20px;\\n}\\n\\n.product-details h2 {\\n\\tmargin-bottom: 10px;\\n\\tmax-width: 400px;\\n}\\n\\n.price {\\n\\tfont-weight: bold;\\n\\tmargin-left: 40px;\\n}\\n\\n.currency {\\n\\tcolor: gray;\\n\\tmargin-right: 10px;\\n}\\n\\n.footer {\\n\\tmargin-top: 40px;\\n}\\n\\n.total {\\n\\tdisplay: flex;\\n\\tflex-direction: row;\\n\\tjustify-content: space-between;\\n\\tmargin-bottom: 20px;\\n}\\n\\n.total h2 {\\n\\tfont-size: 28px;\\n}\",\r\n \"ms_delay\": 250,\r\n \"selector\": \".container\",\r\n \"format\": \"png\",\r\n \"device_scale\": 1\r\n}"
response = http.request(request)
puts response.read_body
printf '{
"html": "\n\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tFour Aunties and a Wedding
\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t₹199.00 x 1
\n\t\t\t\t\t₹199.00
\n\t\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tIt Starts With Us
\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t₹179.00 x 1
\n\t\t\t\t\t₹179.00
\n\t\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tWhen I Am With You
\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t₹120.00 x 1
\n\t\t\t\t\t₹120.00
\n\t\t\t\t\n\t\t\t\n\t\t\t
\n\t\t\t\n\t\t\t\t\n\t\t\t\t\tStandard shipping ( for online payments )
\n\t\t\t\t\t\n\t\t\t\t\t\tINR
\n\t\t\t\t\t\t₹40.00
\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\tTotal
\n\t\t\t\t\t\n\t\t\t\t\t\tINR
\n\t\t\t\t\t\t₹538.00
\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\n\t\t\n\t",
"css": "* {\n\tmargin: 0px;\n\tpadding: 0px;\n}\n\nbody {\n\tfont-family: "Roboto", sans-serif;\n}\n\np {\n\tfont-size: 20px;\n}\n\n.container {\n\twidth: 900px;\n\tborder: 1px solid black;\n\tpadding: 60px 60px 40px 60px;\n}\n\n.flex {\n\tdisplay: flex;\n}\n\n.product {\n\tdisplay: flex;\n\tflex-direction: row;\n\tjustify-content: space-between;\n\tmargin-bottom: 40px;\n}\n\n.product-image {\n\twidth: 100px;\n\theight: 100px;\n\tborder: 1px solid #dddddd;\n\tborder-radius: 8px;\n}\n\n.product-details {\n\tmargin-left: 20px;\n}\n\n.product-details h2 {\n\tmargin-bottom: 10px;\n\tmax-width: 400px;\n}\n\n.price {\n\tfont-weight: bold;\n\tmargin-left: 40px;\n}\n\n.currency {\n\tcolor: gray;\n\tmargin-right: 10px;\n}\n\n.footer {\n\tmargin-top: 40px;\n}\n\n.total {\n\tdisplay: flex;\n\tflex-direction: row;\n\tjustify-content: space-between;\n\tmargin-bottom: 20px;\n}\n\n.total h2 {\n\tfont-size: 28px;\n}",
"ms_delay": 250,
"selector": ".container",
"format": "png",
"device_scale": 1
}'|
http --follow --timeout 3600 POST 'https://zylalabs.com/api/2612/html+css+to+image+api/2620/html+css+to+image' \
Authorization:'Bearer YOUR_API_KEY'
var client = new RestClient("https://zylalabs.com/api/2612/html+css+to+image+api/2620/html+css+to+image");
client.Timeout = -1;
var request = new RestRequest(Method.POST);
request.AddHeader("Authorization", "Bearer YOUR_API_KEY");
var body = "{\r\n \"html\": \"\\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tFour Aunties and a Wedding<\/h2>\\n\\t\\t\\t\\t\\t\\t
<\/p>\\n\\t\\t\\t\\t\\t<\/div>\\n\\t\\t\\t\\t<\/div>\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\u20b9199.00 x 1<\/p>\\n\\t\\t\\t\\t\\t
\u20b9199.00<\/p>\\n\\t\\t\\t\\t<\/div>\\n\\t\\t\\t<\/div>\\n\\t\\t\\t
\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tIt Starts With Us<\/h2>\\n\\t\\t\\t\\t\\t\\t
<\/p>\\n\\t\\t\\t\\t\\t<\/div>\\n\\t\\t\\t\\t<\/div>\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\u20b9179.00 x 1<\/p>\\n\\t\\t\\t\\t\\t
\u20b9179.00<\/p>\\n\\t\\t\\t\\t<\/div>\\n\\t\\t\\t<\/div>\\n\\t\\t\\t
\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tWhen I Am With You<\/h2>\\n\\t\\t\\t\\t\\t\\t
<\/p>\\n\\t\\t\\t\\t\\t<\/div>\\n\\t\\t\\t\\t<\/div>\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\u20b9120.00 x 1<\/p>\\n\\t\\t\\t\\t\\t
\u20b9120.00<\/p>\\n\\t\\t\\t\\t<\/div>\\n\\t\\t\\t<\/div>\\n\\t\\t\\t
\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tStandard shipping ( for online payments )<\/h3>\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tINR<\/p>\\n\\t\\t\\t\\t\\t\\t
\u20b940.00<\/h3>\\n\\t\\t\\t\\t\\t<\/div>\\n\\t\\t\\t\\t<\/div>\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tTotal<\/h2>\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tINR<\/p>\\n\\t\\t\\t\\t\\t\\t
\u20b9538.00<\/h2>\\n\\t\\t\\t\\t\\t<\/div>\\n\\t\\t\\t\\t<\/div>\\n\\t\\t\\t<\/div>\\n\\t\\t<\/div>\\n\\t<\/body>\",\r\n \"css\": \"* {\\n\\tmargin: 0px;\\n\\tpadding: 0px;\\n}\\n\\nbody {\\n\\tfont-family: "Roboto", sans-serif;\\n}\\n\\np {\\n\\tfont-size: 20px;\\n}\\n\\n.container {\\n\\twidth: 900px;\\n\\tborder: 1px solid black;\\n\\tpadding: 60px 60px 40px 60px;\\n}\\n\\n.flex {\\n\\tdisplay: flex;\\n}\\n\\n.product {\\n\\tdisplay: flex;\\n\\tflex-direction: row;\\n\\tjustify-content: space-between;\\n\\tmargin-bottom: 40px;\\n}\\n\\n.product-image {\\n\\twidth: 100px;\\n\\theight: 100px;\\n\\tborder: 1px solid #dddddd;\\n\\tborder-radius: 8px;\\n}\\n\\n.product-details {\\n\\tmargin-left: 20px;\\n}\\n\\n.product-details h2 {\\n\\tmargin-bottom: 10px;\\n\\tmax-width: 400px;\\n}\\n\\n.price {\\n\\tfont-weight: bold;\\n\\tmargin-left: 40px;\\n}\\n\\n.currency {\\n\\tcolor: gray;\\n\\tmargin-right: 10px;\\n}\\n\\n.footer {\\n\\tmargin-top: 40px;\\n}\\n\\n.total {\\n\\tdisplay: flex;\\n\\tflex-direction: row;\\n\\tjustify-content: space-between;\\n\\tmargin-bottom: 20px;\\n}\\n\\n.total h2 {\\n\\tfont-size: 28px;\\n}\",\r\n \"ms_delay\": 250,\r\n \"selector\": \".container\",\r\n \"format\": \"png\",\r\n \"device_scale\": 1\r\n}";
request.AddParameter("text/plain", body, ParameterType.RequestBody);
IRestResponse response = client.Execute(request);
Console.WriteLine(response.Content);
package main
import (
"fmt"
"net/http"
"io/ioutil"
)
func main() {
url := "https://zylalabs.com/api/2612/html+css+to+image+api/2620/html+css+to+image"
method := "POST"
payload := strings.NewReader("{
"html": "\n\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tFour Aunties and a Wedding
\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t₹199.00 x 1
\n\t\t\t\t\t₹199.00
\n\t\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tIt Starts With Us
\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t₹179.00 x 1
\n\t\t\t\t\t₹179.00
\n\t\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tWhen I Am With You
\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t₹120.00 x 1
\n\t\t\t\t\t₹120.00
\n\t\t\t\t\n\t\t\t\n\t\t\t
\n\t\t\t\n\t\t\t\t\n\t\t\t\t\tStandard shipping ( for online payments )
\n\t\t\t\t\t\n\t\t\t\t\t\tINR
\n\t\t\t\t\t\t₹40.00
\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\tTotal
\n\t\t\t\t\t\n\t\t\t\t\t\tINR
\n\t\t\t\t\t\t₹538.00
\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\n\t\t\n\t",
"css": "* {\n\tmargin: 0px;\n\tpadding: 0px;\n}\n\nbody {\n\tfont-family: "Roboto", sans-serif;\n}\n\np {\n\tfont-size: 20px;\n}\n\n.container {\n\twidth: 900px;\n\tborder: 1px solid black;\n\tpadding: 60px 60px 40px 60px;\n}\n\n.flex {\n\tdisplay: flex;\n}\n\n.product {\n\tdisplay: flex;\n\tflex-direction: row;\n\tjustify-content: space-between;\n\tmargin-bottom: 40px;\n}\n\n.product-image {\n\twidth: 100px;\n\theight: 100px;\n\tborder: 1px solid #dddddd;\n\tborder-radius: 8px;\n}\n\n.product-details {\n\tmargin-left: 20px;\n}\n\n.product-details h2 {\n\tmargin-bottom: 10px;\n\tmax-width: 400px;\n}\n\n.price {\n\tfont-weight: bold;\n\tmargin-left: 40px;\n}\n\n.currency {\n\tcolor: gray;\n\tmargin-right: 10px;\n}\n\n.footer {\n\tmargin-top: 40px;\n}\n\n.total {\n\tdisplay: flex;\n\tflex-direction: row;\n\tjustify-content: space-between;\n\tmargin-bottom: 20px;\n}\n\n.total h2 {\n\tfont-size: 28px;\n}",
"ms_delay": 250,
"selector": ".container",
"format": "png",
"device_scale": 1
}")
client := &http.Client {
}
req, err := http.NewRequest(method, url, nil)
if err != nil {
fmt.Println(err)
return
}
req.Header.Add("Authorization", "Bearer YOUR_API_KEY")
res, err := client.Do(req)
if err != nil {
fmt.Println(err)
return
}
defer res.Body.Close()
body, err := ioutil.ReadAll(res.Body)
if err != nil {
fmt.Println(err)
return
}
fmt.Println(string(body))
}
import Foundation
let url = URL(string: "https://zylalabs.com/api/2612/html+css+to+image+api/2620/html+css+to+image")!
var request = URLRequest(url: url)
request.httpMethod = "POST"
request.setValue("Bearer YOUR_API_KEY", forHTTPHeaderField: "Authorization")
request.httpBody = "{
"html": "\n\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tFour Aunties and a Wedding
\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t₹199.00 x 1
\n\t\t\t\t\t₹199.00
\n\t\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tIt Starts With Us
\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t₹179.00 x 1
\n\t\t\t\t\t₹179.00
\n\t\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tWhen I Am With You
\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t₹120.00 x 1
\n\t\t\t\t\t₹120.00
\n\t\t\t\t\n\t\t\t\n\t\t\t
\n\t\t\t\n\t\t\t\t\n\t\t\t\t\tStandard shipping ( for online payments )
\n\t\t\t\t\t\n\t\t\t\t\t\tINR
\n\t\t\t\t\t\t₹40.00
\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\tTotal
\n\t\t\t\t\t\n\t\t\t\t\t\tINR
\n\t\t\t\t\t\t₹538.00
\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\n\t\t\n\t",
"css": "* {\n\tmargin: 0px;\n\tpadding: 0px;\n}\n\nbody {\n\tfont-family: "Roboto", sans-serif;\n}\n\np {\n\tfont-size: 20px;\n}\n\n.container {\n\twidth: 900px;\n\tborder: 1px solid black;\n\tpadding: 60px 60px 40px 60px;\n}\n\n.flex {\n\tdisplay: flex;\n}\n\n.product {\n\tdisplay: flex;\n\tflex-direction: row;\n\tjustify-content: space-between;\n\tmargin-bottom: 40px;\n}\n\n.product-image {\n\twidth: 100px;\n\theight: 100px;\n\tborder: 1px solid #dddddd;\n\tborder-radius: 8px;\n}\n\n.product-details {\n\tmargin-left: 20px;\n}\n\n.product-details h2 {\n\tmargin-bottom: 10px;\n\tmax-width: 400px;\n}\n\n.price {\n\tfont-weight: bold;\n\tmargin-left: 40px;\n}\n\n.currency {\n\tcolor: gray;\n\tmargin-right: 10px;\n}\n\n.footer {\n\tmargin-top: 40px;\n}\n\n.total {\n\tdisplay: flex;\n\tflex-direction: row;\n\tjustify-content: space-between;\n\tmargin-bottom: 20px;\n}\n\n.total h2 {\n\tfont-size: 28px;\n}",
"ms_delay": 250,
"selector": ".container",
"format": "png",
"device_scale": 1
}".data(using: .utf8)
request.setValue("application/json", forHTTPHeaderField: "Content-Type")
let task = URLSession.shared.dataTask(with: request) { data, _, error in
if let error = error {
print(error.localizedDescription)
return
}
if let data = data {
print(String(decoding: data, as: UTF8.self))
}
}
task.resume()
import okhttp3.MediaType.Companion.toMediaType
import okhttp3.OkHttpClient
import okhttp3.Request
import okhttp3.RequestBody
import okhttp3.RequestBody.Companion.toRequestBody
fun main() {
val client = OkHttpClient()
var body: RequestBody? = null
body = "{
"html": "\n\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tFour Aunties and a Wedding
\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t₹199.00 x 1
\n\t\t\t\t\t₹199.00
\n\t\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tIt Starts With Us
\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t₹179.00 x 1
\n\t\t\t\t\t₹179.00
\n\t\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tWhen I Am With You
\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t₹120.00 x 1
\n\t\t\t\t\t₹120.00
\n\t\t\t\t\n\t\t\t\n\t\t\t
\n\t\t\t\n\t\t\t\t\n\t\t\t\t\tStandard shipping ( for online payments )
\n\t\t\t\t\t\n\t\t\t\t\t\tINR
\n\t\t\t\t\t\t₹40.00
\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\tTotal
\n\t\t\t\t\t\n\t\t\t\t\t\tINR
\n\t\t\t\t\t\t₹538.00
\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\n\t\t\n\t",
"css": "* {\n\tmargin: 0px;\n\tpadding: 0px;\n}\n\nbody {\n\tfont-family: "Roboto", sans-serif;\n}\n\np {\n\tfont-size: 20px;\n}\n\n.container {\n\twidth: 900px;\n\tborder: 1px solid black;\n\tpadding: 60px 60px 40px 60px;\n}\n\n.flex {\n\tdisplay: flex;\n}\n\n.product {\n\tdisplay: flex;\n\tflex-direction: row;\n\tjustify-content: space-between;\n\tmargin-bottom: 40px;\n}\n\n.product-image {\n\twidth: 100px;\n\theight: 100px;\n\tborder: 1px solid #dddddd;\n\tborder-radius: 8px;\n}\n\n.product-details {\n\tmargin-left: 20px;\n}\n\n.product-details h2 {\n\tmargin-bottom: 10px;\n\tmax-width: 400px;\n}\n\n.price {\n\tfont-weight: bold;\n\tmargin-left: 40px;\n}\n\n.currency {\n\tcolor: gray;\n\tmargin-right: 10px;\n}\n\n.footer {\n\tmargin-top: 40px;\n}\n\n.total {\n\tdisplay: flex;\n\tflex-direction: row;\n\tjustify-content: space-between;\n\tmargin-bottom: 20px;\n}\n\n.total h2 {\n\tfont-size: 28px;\n}",
"ms_delay": 250,
"selector": ".container",
"format": "png",
"device_scale": 1
}".toRequestBody("application/json".toMediaType())
val requestBuilder = Request.Builder()
.url("https://zylalabs.com/api/2612/html+css+to+image+api/2620/html+css+to+image")
.addHeader("Authorization", "Bearer YOUR_API_KEY")
val request = requestBuilder.method("POST", body).build()
client.newCall(request).execute().use { response ->
println(response.body?.string())
}
}
import 'package:http/http.dart' as http;
void main() async {
var payload = '';
payload = "{
"html": "\n\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tFour Aunties and a Wedding
\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t₹199.00 x 1
\n\t\t\t\t\t₹199.00
\n\t\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tIt Starts With Us
\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t₹179.00 x 1
\n\t\t\t\t\t₹179.00
\n\t\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tWhen I Am With You
\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t₹120.00 x 1
\n\t\t\t\t\t₹120.00
\n\t\t\t\t\n\t\t\t\n\t\t\t
\n\t\t\t\n\t\t\t\t\n\t\t\t\t\tStandard shipping ( for online payments )
\n\t\t\t\t\t\n\t\t\t\t\t\tINR
\n\t\t\t\t\t\t₹40.00
\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\tTotal
\n\t\t\t\t\t\n\t\t\t\t\t\tINR
\n\t\t\t\t\t\t₹538.00
\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\n\t\t\n\t",
"css": "* {\n\tmargin: 0px;\n\tpadding: 0px;\n}\n\nbody {\n\tfont-family: "Roboto", sans-serif;\n}\n\np {\n\tfont-size: 20px;\n}\n\n.container {\n\twidth: 900px;\n\tborder: 1px solid black;\n\tpadding: 60px 60px 40px 60px;\n}\n\n.flex {\n\tdisplay: flex;\n}\n\n.product {\n\tdisplay: flex;\n\tflex-direction: row;\n\tjustify-content: space-between;\n\tmargin-bottom: 40px;\n}\n\n.product-image {\n\twidth: 100px;\n\theight: 100px;\n\tborder: 1px solid #dddddd;\n\tborder-radius: 8px;\n}\n\n.product-details {\n\tmargin-left: 20px;\n}\n\n.product-details h2 {\n\tmargin-bottom: 10px;\n\tmax-width: 400px;\n}\n\n.price {\n\tfont-weight: bold;\n\tmargin-left: 40px;\n}\n\n.currency {\n\tcolor: gray;\n\tmargin-right: 10px;\n}\n\n.footer {\n\tmargin-top: 40px;\n}\n\n.total {\n\tdisplay: flex;\n\tflex-direction: row;\n\tjustify-content: space-between;\n\tmargin-bottom: 20px;\n}\n\n.total h2 {\n\tfont-size: 28px;\n}",
"ms_delay": 250,
"selector": ".container",
"format": "png",
"device_scale": 1
}";
final request = http.Request(
"POST",
Uri.parse("https://zylalabs.com/api/2612/html+css+to+image+api/2620/html+css+to+image"),
);
request.headers['Authorization'] = 'Bearer YOUR_API_KEY';
if (payload.isNotEmpty) {
request.headers['Content-Type'] = 'application/json';
request.body = payload;
}
final client = http.Client();
final response = await client.send(request);
print(await response.stream.bytesToString());
client.close();
}
use reqwest::blocking::Client;
use reqwest::Method;
use std::error::Error;
fn main() -> Result<(), Box> {
let method = Method::from_bytes(b"POST")?;
let client = Client::new();
let mut body = String::new();
body = r#"{
"html": "\n\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tFour Aunties and a Wedding
\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t₹199.00 x 1
\n\t\t\t\t\t₹199.00
\n\t\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tIt Starts With Us
\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t₹179.00 x 1
\n\t\t\t\t\t₹179.00
\n\t\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tWhen I Am With You
\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t₹120.00 x 1
\n\t\t\t\t\t₹120.00
\n\t\t\t\t\n\t\t\t\n\t\t\t
\n\t\t\t\n\t\t\t\t\n\t\t\t\t\tStandard shipping ( for online payments )
\n\t\t\t\t\t\n\t\t\t\t\t\tINR
\n\t\t\t\t\t\t₹40.00
\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\tTotal
\n\t\t\t\t\t\n\t\t\t\t\t\tINR
\n\t\t\t\t\t\t₹538.00
\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\n\t\t\n\t",
"css": "* {\n\tmargin: 0px;\n\tpadding: 0px;\n}\n\nbody {\n\tfont-family: "Roboto", sans-serif;\n}\n\np {\n\tfont-size: 20px;\n}\n\n.container {\n\twidth: 900px;\n\tborder: 1px solid black;\n\tpadding: 60px 60px 40px 60px;\n}\n\n.flex {\n\tdisplay: flex;\n}\n\n.product {\n\tdisplay: flex;\n\tflex-direction: row;\n\tjustify-content: space-between;\n\tmargin-bottom: 40px;\n}\n\n.product-image {\n\twidth: 100px;\n\theight: 100px;\n\tborder: 1px solid #dddddd;\n\tborder-radius: 8px;\n}\n\n.product-details {\n\tmargin-left: 20px;\n}\n\n.product-details h2 {\n\tmargin-bottom: 10px;\n\tmax-width: 400px;\n}\n\n.price {\n\tfont-weight: bold;\n\tmargin-left: 40px;\n}\n\n.currency {\n\tcolor: gray;\n\tmargin-right: 10px;\n}\n\n.footer {\n\tmargin-top: 40px;\n}\n\n.total {\n\tdisplay: flex;\n\tflex-direction: row;\n\tjustify-content: space-between;\n\tmargin-bottom: 20px;\n}\n\n.total h2 {\n\tfont-size: 28px;\n}",
"ms_delay": 250,
"selector": ".container",
"format": "png",
"device_scale": 1
}"#.to_string();
let mut request = client
.request(method, "https://zylalabs.com/api/2612/html+css+to+image+api/2620/html+css+to+image")
.header("Authorization", "Bearer YOUR_API_KEY");
request = request.body(body.clone());
let response = request.send()?;
println!("{}", response.text()?);
Ok(())
}
在请求中发送一个HTML和一个可选的CSS参数，并在响应中获取一个URL，该URL将其呈现为PNG JPEG或WebP格式的图像
POST https://www.zylalabs.com/api/2612/html+css+to+image+api/2621/html+to+image
HTML 转换为图像 - 端点功能
对象
描述
请求体
[必需] Json
测试端点
API 示例响应
{"url":"https://htmltoimage-s3bucket-1lw6aoyde4nz5.s3.amazonaws.com/11133f47-7843-47f8-9294-b57252d39e13.png"}
HTML 转换为图像 - 代码片段
curl --location --request POST 'https://zylalabs.com/api/2612/html+css+to+image+api/2621/html+to+image' --header 'Authorization: Bearer YOUR_API_KEY'
--data-raw '{
"html": "\n\t\n\t\t\n\t\n\t\n\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tFour Aunties and a Wedding
\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t₹199.00 x 1
\n\t\t\t\t\t₹199.00
\n\t\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tIt Starts With Us
\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t₹179.00 x 1
\n\t\t\t\t\t₹179.00
\n\t\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tWhen I Am With You
\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t₹120.00 x 1
\n\t\t\t\t\t₹120.00
\n\t\t\t\t\n\t\t\t\n\t\t\t
\n\t\t\t\n\t\t\t\t\n\t\t\t\t\tStandard shipping ( for online payments )
\n\t\t\t\t\t\n\t\t\t\t\t\tINR
\n\t\t\t\t\t\t₹40.00
\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\tTotal
\n\t\t\t\t\t\n\t\t\t\t\t\tINR
\n\t\t\t\t\t\t₹538.00
\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\n\t\t\n\t\n",
"ms_delay": 250,
"selector": ".container",
"format": "png",
"device_scale": 1
}'
import okhttp3.OkHttpClient;
import okhttp3.Request;
import okhttp3.Response;
import java.io.IOException;
public class Main {
public static void main(String[] args) {
OkHttpClient client = new OkHttpClient();
// Build the GET request
Request request = new Request.Builder()
.url("https://zylalabs.com/api/2612/html+css+to+image+api/2621/html+to+image")
.get() // Use GET method without a body
.addHeader("Authorization", "Bearer YOUR_API_KEY")
.build();
// Execute the request
try (Response response = client.newCall(request).execute()) {
if (response.isSuccessful()) {
// Handle the response in case of a successful request
String responseData = response.body().string();
System.out.println(responseData);
} else {
// Handle errors
System.out.println("Request error: " + response.code());
}
} catch (IOException e) {
// Handle I/O exceptions
e.printStackTrace();
}
}
}
var settings = {
"url": "https://zylalabs.com/api/2612/html+css+to+image+api/2621/html+to+image",
"method": "POST",
"timeout": 0,
"headers": {
"Authorization": "Bearer YOUR_API_KEY"
},
};
$.ajax(settings).done(function (response) {
console.log(response);
});
var data = "{\r\n \"html\": \"\\n\\t\\n\\t\\t\n\t\n\t\n\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tFour Aunties and a Wedding
\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t₹199.00 x 1
\n\t\t\t\t\t₹199.00
\n\t\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tIt Starts With Us
\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t₹179.00 x 1
\n\t\t\t\t\t₹179.00
\n\t\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tWhen I Am With You
\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t₹120.00 x 1
\n\t\t\t\t\t₹120.00
\n\t\t\t\t\n\t\t\t\n\t\t\t
\n\t\t\t\n\t\t\t\t\n\t\t\t\t\tStandard shipping ( for online payments )
\n\t\t\t\t\t\n\t\t\t\t\t\tINR
\n\t\t\t\t\t\t₹40.00
\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\tTotal
\n\t\t\t\t\t\n\t\t\t\t\t\tINR
\n\t\t\t\t\t\t₹538.00
\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\n\t\t\n\t\n",
"ms_delay": 250,
"selector": ".container",
"format": "png",
"device_scale": 1
}',
CURLOPT_HTTPHEADER => array(
'Authorization: Bearer YOUR_API_KEY'
),
));
$response = curl_exec($curl);
curl_close($curl);
echo $response;
import requests
url = "https://zylalabs.com/api/2612/html+css+to+image+api/2621/html+to+image"
payload={}
payload = "{\r\n \"html\": \"\\n\\t\\n\\t\\t\n\t\n\t\n\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tFour Aunties and a Wedding
\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t₹199.00 x 1
\n\t\t\t\t\t₹199.00
\n\t\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tIt Starts With Us
\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t₹179.00 x 1
\n\t\t\t\t\t₹179.00
\n\t\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tWhen I Am With You
\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t₹120.00 x 1
\n\t\t\t\t\t₹120.00
\n\t\t\t\t\n\t\t\t\n\t\t\t
\n\t\t\t\n\t\t\t\t\n\t\t\t\t\tStandard shipping ( for online payments )
\n\t\t\t\t\t\n\t\t\t\t\t\tINR
\n\t\t\t\t\t\t₹40.00
\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\tTotal
\n\t\t\t\t\t\n\t\t\t\t\t\tINR
\n\t\t\t\t\t\t₹538.00
\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\n\t\t\n\t\n",
"ms_delay": 250,
"selector": ".container",
"format": "png",
"device_scale": 1
}'|
http --follow --timeout 3600 POST 'https://zylalabs.com/api/2612/html+css+to+image+api/2621/html+to+image' \
Authorization:'Bearer YOUR_API_KEY'
var client = new RestClient("https://zylalabs.com/api/2612/html+css+to+image+api/2621/html+to+image");
client.Timeout = -1;
var request = new RestRequest(Method.POST);
request.AddHeader("Authorization", "Bearer YOUR_API_KEY");
var body = "{\r\n \"html\": \"\\n\\t\\n\\t\\t\n\t\n\t\n\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tFour Aunties and a Wedding
\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t₹199.00 x 1
\n\t\t\t\t\t₹199.00
\n\t\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tIt Starts With Us
\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t₹179.00 x 1
\n\t\t\t\t\t₹179.00
\n\t\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tWhen I Am With You
\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t₹120.00 x 1
\n\t\t\t\t\t₹120.00
\n\t\t\t\t\n\t\t\t\n\t\t\t
\n\t\t\t\n\t\t\t\t\n\t\t\t\t\tStandard shipping ( for online payments )
\n\t\t\t\t\t\n\t\t\t\t\t\tINR
\n\t\t\t\t\t\t₹40.00
\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\tTotal
\n\t\t\t\t\t\n\t\t\t\t\t\tINR
\n\t\t\t\t\t\t₹538.00
\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\n\t\t\n\t\n",
"ms_delay": 250,
"selector": ".container",
"format": "png",
"device_scale": 1
}")
client := &http.Client {
}
req, err := http.NewRequest(method, url, nil)
if err != nil {
fmt.Println(err)
return
}
req.Header.Add("Authorization", "Bearer YOUR_API_KEY")
res, err := client.Do(req)
if err != nil {
fmt.Println(err)
return
}
defer res.Body.Close()
body, err := ioutil.ReadAll(res.Body)
if err != nil {
fmt.Println(err)
return
}
fmt.Println(string(body))
}
import Foundation
let url = URL(string: "https://zylalabs.com/api/2612/html+css+to+image+api/2621/html+to+image")!
var request = URLRequest(url: url)
request.httpMethod = "POST"
request.setValue("Bearer YOUR_API_KEY", forHTTPHeaderField: "Authorization")
request.httpBody = "{
"html": "\n\t\n\t\t\n\t\n\t\n\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tFour Aunties and a Wedding
\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t₹199.00 x 1
\n\t\t\t\t\t₹199.00
\n\t\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tIt Starts With Us
\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t₹179.00 x 1
\n\t\t\t\t\t₹179.00
\n\t\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tWhen I Am With You
\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t₹120.00 x 1
\n\t\t\t\t\t₹120.00
\n\t\t\t\t\n\t\t\t\n\t\t\t
\n\t\t\t\n\t\t\t\t\n\t\t\t\t\tStandard shipping ( for online payments )
\n\t\t\t\t\t\n\t\t\t\t\t\tINR
\n\t\t\t\t\t\t₹40.00
\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\tTotal
\n\t\t\t\t\t\n\t\t\t\t\t\tINR
\n\t\t\t\t\t\t₹538.00
\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\n\t\t\n\t\n",
"ms_delay": 250,
"selector": ".container",
"format": "png",
"device_scale": 1
}".data(using: .utf8)
request.setValue("application/json", forHTTPHeaderField: "Content-Type")
let task = URLSession.shared.dataTask(with: request) { data, _, error in
if let error = error {
print(error.localizedDescription)
return
}
if let data = data {
print(String(decoding: data, as: UTF8.self))
}
}
task.resume()
import okhttp3.MediaType.Companion.toMediaType
import okhttp3.OkHttpClient
import okhttp3.Request
import okhttp3.RequestBody
import okhttp3.RequestBody.Companion.toRequestBody
fun main() {
val client = OkHttpClient()
var body: RequestBody? = null
body = "{
"html": "\n\t\n\t\t\n\t\n\t\n\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tFour Aunties and a Wedding
\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t₹199.00 x 1
\n\t\t\t\t\t₹199.00
\n\t\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tIt Starts With Us
\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t₹179.00 x 1
\n\t\t\t\t\t₹179.00
\n\t\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tWhen I Am With You
\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t₹120.00 x 1
\n\t\t\t\t\t₹120.00
\n\t\t\t\t\n\t\t\t\n\t\t\t
\n\t\t\t\n\t\t\t\t\n\t\t\t\t\tStandard shipping ( for online payments )
\n\t\t\t\t\t\n\t\t\t\t\t\tINR
\n\t\t\t\t\t\t₹40.00
\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\tTotal
\n\t\t\t\t\t\n\t\t\t\t\t\tINR
\n\t\t\t\t\t\t₹538.00
\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\n\t\t\n\t\n",
"ms_delay": 250,
"selector": ".container",
"format": "png",
"device_scale": 1
}".toRequestBody("application/json".toMediaType())
val requestBuilder = Request.Builder()
.url("https://zylalabs.com/api/2612/html+css+to+image+api/2621/html+to+image")
.addHeader("Authorization", "Bearer YOUR_API_KEY")
val request = requestBuilder.method("POST", body).build()
client.newCall(request).execute().use { response ->
println(response.body?.string())
}
}
import 'package:http/http.dart' as http;
void main() async {
var payload = '';
payload = "{
"html": "\n\t\n\t\t\n\t\n\t\n\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tFour Aunties and a Wedding
\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t₹199.00 x 1
\n\t\t\t\t\t₹199.00
\n\t\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tIt Starts With Us
\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t₹179.00 x 1
\n\t\t\t\t\t₹179.00
\n\t\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tWhen I Am With You
\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t₹120.00 x 1
\n\t\t\t\t\t₹120.00
\n\t\t\t\t\n\t\t\t\n\t\t\t
\n\t\t\t\n\t\t\t\t\n\t\t\t\t\tStandard shipping ( for online payments )
\n\t\t\t\t\t\n\t\t\t\t\t\tINR
\n\t\t\t\t\t\t₹40.00
\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\tTotal
\n\t\t\t\t\t\n\t\t\t\t\t\tINR
\n\t\t\t\t\t\t₹538.00
\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\n\t\t\n\t\n",
"ms_delay": 250,
"selector": ".container",
"format": "png",
"device_scale": 1
}";
final request = http.Request(
"POST",
Uri.parse("https://zylalabs.com/api/2612/html+css+to+image+api/2621/html+to+image"),
);
request.headers['Authorization'] = 'Bearer YOUR_API_KEY';
if (payload.isNotEmpty) {
request.headers['Content-Type'] = 'application/json';
request.body = payload;
}
final client = http.Client();
final response = await client.send(request);
print(await response.stream.bytesToString());
client.close();
}
use reqwest::blocking::Client;
use reqwest::Method;
use std::error::Error;
fn main() -> Result<(), Box> {
let method = Method::from_bytes(b"POST")?;
let client = Client::new();
let mut body = String::new();
body = r#"{
"html": "\n\t\n\t\t\n\t\n\t\n\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tFour Aunties and a Wedding
\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t₹199.00 x 1
\n\t\t\t\t\t₹199.00
\n\t\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tIt Starts With Us
\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t₹179.00 x 1
\n\t\t\t\t\t₹179.00
\n\t\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tWhen I Am With You
\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t₹120.00 x 1
\n\t\t\t\t\t₹120.00
\n\t\t\t\t\n\t\t\t\n\t\t\t
\n\t\t\t\n\t\t\t\t\n\t\t\t\t\tStandard shipping ( for online payments )
\n\t\t\t\t\t\n\t\t\t\t\t\tINR
\n\t\t\t\t\t\t₹40.00
\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\tTotal
\n\t\t\t\t\t\n\t\t\t\t\t\tINR
\n\t\t\t\t\t\t₹538.00
\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\n\t\t\n\t\n",
"ms_delay": 250,
"selector": ".container",
"format": "png",
"device_scale": 1
}"#.to_string();
let mut request = client
.request(method, "https://zylalabs.com/api/2612/html+css+to+image+api/2621/html+to+image")
.header("Authorization", "Bearer YOUR_API_KEY");
request = request.body(body.clone());
let response = request.send()?;
println!("{}", response.text()?);
Ok(())
}
在请求中发送网站URL，将以您指定的格式返回图像URL
您可以指定视口的高度和宽度，以便您截图时在打开该网站时显示出应有的样子
您还可以指定您希望我们无头浏览器在截屏前等待的毫秒数
POST https://www.zylalabs.com/api/2612/html+css+to+image+api/2622/url+to+image
图像的URL - 端点功能
对象
描述
请求体
[必需] Json
测试端点
API 示例响应
{"url":"https://htmltoimage-s3bucket-1lw6aoyde4nz5.s3.amazonaws.com/775c69b1-c623-4e99-b162-116d66699c6c.png"}
图像的URL - 代码片段
curl --location --request POST 'https://zylalabs.com/api/2612/html+css+to+image+api/2622/url+to+image' --header 'Authorization: Bearer YOUR_API_KEY'
--data-raw '{
"url": "https://www.zylalabs.com/",
"ms_delay": 1000,
"format": "png",
"viewport_height": 851,
"viewport_width": 393
}'
import okhttp3.OkHttpClient;
import okhttp3.Request;
import okhttp3.Response;
import java.io.IOException;
public class Main {
public static void main(String[] args) {
OkHttpClient client = new OkHttpClient();
// Build the GET request
Request request = new Request.Builder()
.url("https://zylalabs.com/api/2612/html+css+to+image+api/2622/url+to+image")
.get() // Use GET method without a body
.addHeader("Authorization", "Bearer YOUR_API_KEY")
.build();
// Execute the request
try (Response response = client.newCall(request).execute()) {
if (response.isSuccessful()) {
// Handle the response in case of a successful request
String responseData = response.body().string();
System.out.println(responseData);
} else {
// Handle errors
System.out.println("Request error: " + response.code());
}
} catch (IOException e) {
// Handle I/O exceptions
e.printStackTrace();
}
}
}
var settings = {
"url": "https://zylalabs.com/api/2612/html+css+to+image+api/2622/url+to+image",
"method": "POST",
"timeout": 0,
"headers": {
"Authorization": "Bearer YOUR_API_KEY"
},
};
$.ajax(settings).done(function (response) {
console.log(response);
});
var data = "{\r\n \"url\": \"https:\/\/www.zylalabs.com\/\",\r\n \"ms_delay\": 1000,\r\n \"format\": \"png\",\r\n \"viewport_height\": 851,\r\n \"viewport_width\": 393\r\n}";
var xhr = new XMLHttpRequest();
xhr.withCredentials = true;
xhr.addEventListener("readystatechange", function() {
if(this.readyState === 4) {
console.log(this.responseText);
}
});
xhr.open("POST", "https://zylalabs.com/api/2612/html+css+to+image+api/2622/url+to+image");
xhr.setRequestHeader("Authorization", "Bearer YOUR_API_KEY");
xhr.send();
xhr.send();
xhr.send(data);
var axios = require('axios');
var data = "{\r\n \"url\": \"https:\/\/www.zylalabs.com\/\",\r\n \"ms_delay\": 1000,\r\n \"format\": \"png\",\r\n \"viewport_height\": 851,\r\n \"viewport_width\": 393\r\n}";
var config = {
method: 'POST',
url: 'https://zylalabs.com/api/2612/html+css+to+image+api/2622/url+to+image',
headers: {
'Authorization': 'Bearer YOUR_API_KEY'
},
data : data
};
axios(config).then(function (response) {
console.log(JSON.stringify(response.data));
})
.catch(function (error) {
console.log(error);
});
$curl = curl_init();
curl_setopt_array($curl, array(
CURLOPT_URL => 'https://zylalabs.com/api/2612/html+css+to+image+api/2622/url+to+image',
CURLOPT_RETURNTRANSFER => true,
CURLOPT_ENCODING => '',
CURLOPT_MAXREDIRS => 10,
CURLOPT_TIMEOUT => 0,
CURLOPT_FOLLOWLOCATION => true,
CURLOPT_HTTP_VERSION => CURL_HTTP_VERSION_1_1,
CURLOPT_CUSTOMREQUEST => 'POST',
CURLOPT_POSTFIELDS => '{
"url": "https://www.zylalabs.com/",
"ms_delay": 1000,
"format": "png",
"viewport_height": 851,
"viewport_width": 393
}',
CURLOPT_HTTPHEADER => array(
'Authorization: Bearer YOUR_API_KEY'
),
));
$response = curl_exec($curl);
curl_close($curl);
echo $response;
import requests
url = "https://zylalabs.com/api/2612/html+css+to+image+api/2622/url+to+image"
payload={}
payload={}
payload = "{\r\n \"url\": \"https:\/\/www.zylalabs.com\/\",\r\n \"ms_delay\": 1000,\r\n \"format\": \"png\",\r\n \"viewport_height\": 851,\r\n \"viewport_width\": 393\r\n}"
headers = {
'Authorization': 'Bearer YOUR_API_KEY'
}
response = requests.request("POST", url, headers=headers, data=payload)
print(response.text)
require "uri"
require "net/http"
url = URI("https://zylalabs.com/api/2612/html+css+to+image+api/2622/url+to+image")
http = Net::HTTP.new(url.host, url.port);
request = Net::HTTP::POST.new(url)
request["Authorization"] = "Bearer YOUR_API_KEY"
request.body = "{\r\n \"url\": \"https:\/\/www.zylalabs.com\/\",\r\n \"ms_delay\": 1000,\r\n \"format\": \"png\",\r\n \"viewport_height\": 851,\r\n \"viewport_width\": 393\r\n}"
response = http.request(request)
puts response.read_body
printf '{
"url": "https://www.zylalabs.com/",
"ms_delay": 1000,
"format": "png",
"viewport_height": 851,
"viewport_width": 393
}'|
http --follow --timeout 3600 POST 'https://zylalabs.com/api/2612/html+css+to+image+api/2622/url+to+image' \
Authorization:'Bearer YOUR_API_KEY'
var client = new RestClient("https://zylalabs.com/api/2612/html+css+to+image+api/2622/url+to+image");
client.Timeout = -1;
var request = new RestRequest(Method.POST);
request.AddHeader("Authorization", "Bearer YOUR_API_KEY");
var body = "{\r\n \"url\": \"https:\/\/www.zylalabs.com\/\",\r\n \"ms_delay\": 1000,\r\n \"format\": \"png\",\r\n \"viewport_height\": 851,\r\n \"viewport_width\": 393\r\n}";
request.AddParameter("text/plain", body, ParameterType.RequestBody);
IRestResponse response = client.Execute(request);
Console.WriteLine(response.Content);
package main
import (
"fmt"
"net/http"
"io/ioutil"
)
func main() {
url := "https://zylalabs.com/api/2612/html+css+to+image+api/2622/url+to+image"
method := "POST"
payload := strings.NewReader("{
"url": "https://www.zylalabs.com/",
"ms_delay": 1000,
"format": "png",
"viewport_height": 851,
"viewport_width": 393
}")
client := &http.Client {
}
req, err := http.NewRequest(method, url, nil)
if err != nil {
fmt.Println(err)
return
}
req.Header.Add("Authorization", "Bearer YOUR_API_KEY")
res, err := client.Do(req)
if err != nil {
fmt.Println(err)
return
}
defer res.Body.Close()
body, err := ioutil.ReadAll(res.Body)
if err != nil {
fmt.Println(err)
return
}
fmt.Println(string(body))
}
import Foundation
let url = URL(string: "https://zylalabs.com/api/2612/html+css+to+image+api/2622/url+to+image")!
var request = URLRequest(url: url)
request.httpMethod = "POST"
request.setValue("Bearer YOUR_API_KEY", forHTTPHeaderField: "Authorization")
request.httpBody = "{
"url": "https://www.zylalabs.com/",
"ms_delay": 1000,
"format": "png",
"viewport_height": 851,
"viewport_width": 393
}".data(using: .utf8)
request.setValue("application/json", forHTTPHeaderField: "Content-Type")
let task = URLSession.shared.dataTask(with: request) { data, _, error in
if let error = error {
print(error.localizedDescription)
return
}
if let data = data {
print(String(decoding: data, as: UTF8.self))
}
}
task.resume()
import okhttp3.MediaType.Companion.toMediaType
import okhttp3.OkHttpClient
import okhttp3.Request
import okhttp3.RequestBody
import okhttp3.RequestBody.Companion.toRequestBody
fun main() {
val client = OkHttpClient()
var body: RequestBody? = null
body = "{
"url": "https://www.zylalabs.com/",
"ms_delay": 1000,
"format": "png",
"viewport_height": 851,
"viewport_width": 393
}".toRequestBody("application/json".toMediaType())
val requestBuilder = Request.Builder()
.url("https://zylalabs.com/api/2612/html+css+to+image+api/2622/url+to+image")
.addHeader("Authorization", "Bearer YOUR_API_KEY")
val request = requestBuilder.method("POST", body).build()
client.newCall(request).execute().use { response ->
println(response.body?.string())
}
}
import 'package:http/http.dart' as http;
void main() async {
var payload = '';
payload = "{
"url": "https://www.zylalabs.com/",
"ms_delay": 1000,
"format": "png",
"viewport_height": 851,
"viewport_width": 393
}";
final request = http.Request(
"POST",
Uri.parse("https://zylalabs.com/api/2612/html+css+to+image+api/2622/url+to+image"),
);
request.headers['Authorization'] = 'Bearer YOUR_API_KEY';
if (payload.isNotEmpty) {
request.headers['Content-Type'] = 'application/json';
request.body = payload;
}
final client = http.Client();
final response = await client.send(request);
print(await response.stream.bytesToString());
client.close();
}
use reqwest::blocking::Client;
use reqwest::Method;
use std::error::Error;
fn main() -> Result<(), Box> {
let method = Method::from_bytes(b"POST")?;
let client = Client::new();
let mut body = String::new();
body = r#"{
"url": "https://www.zylalabs.com/",
"ms_delay": 1000,
"format": "png",
"viewport_height": 851,
"viewport_width": 393
}"#.to_string();
let mut request = client
.request(method, "https://zylalabs.com/api/2612/html+css+to+image+api/2622/url+to+image")
.header("Authorization", "Bearer YOUR_API_KEY");
request = request.body(body.clone());
let response = request.send()?;
println!("{}", response.text()?);
Ok(())
}
API 访问密钥和身份验证
注册后，每个开发者都会被分配一个个人 API 访问密钥，这是一个唯一的字母和数字组合，用于访问我们的 API 端点。要使用 HTML CSS 转换为图像 API 进行身份验证，只需在 Authorization 标头中包含您的 bearer token。
标头
标头
描述
授权
[必需] 应为 Bearer access_key. 订阅后，请查看上方的"您的 API 访问密钥"。
问题
由人工智能回答
简单透明的定价
无长期承诺。随时升级、降级或取消。
免费试用包括最多 50 个请求。
💫Basic
$24.99/月
- 2,000 请求 /
月
-
然后 $0.0162435 如果超过限制，每次请求
-
速率限制: 60 reqs 每分钟
- 专业客户支持
- 实时 API 监控
- 包含无限数据传输
无承诺。随时取消
Popular
⚡Pro
$49.99/月
- 10,000 请求 /
月
-
然后 $0.0162435 如果超过限制，每次请求
-
速率限制: 60 reqs 每分钟
- 专业客户支持
- 实时 API 监控
- 包含无限数据传输
无承诺。随时取消
🔥Pro Plus
$99.99/月
- 25,000 请求 /
月
-
然后 $0.0162435 如果超过限制，每次请求
-
速率限制: 120 reqs 每分钟
- 专业客户支持
- 实时 API 监控
- 包含无限数据传输
无承诺。随时取消
💫Basic
$20.83/月
- 2,000 请求 /
月
-
然后 $0.0162435 如果超过限制，每次请求
-
速率限制: 60 reqs 每分钟
- 专业客户支持
- 实时 API 监控
- 包含无限数据传输
无承诺。随时取消
Popular
⚡Pro
$41.66/月
- 10,000 请求 /
月
-
然后 $0.0162435 如果超过限制，每次请求
-
速率限制: 60 reqs 每分钟
- 专业客户支持
- 实时 API 监控
- 包含无限数据传输
无承诺。随时取消
🔥Pro Plus
$83.33/月
- 25,000 请求 /
月
-
然后 $0.0162435 如果超过限制，每次请求
-
速率限制: 120 reqs 每分钟
- 专业客户支持
- 实时 API 监控
- 包含无限数据传输
无承诺。随时取消
客户喜爱的功能
- ✔︎ 仅支付成功请求
- ✔︎ 7 天免费试用
- ✔︎ 多语言支持
- ✔︎ 一个 API 密钥，所有 API。
- ✔︎ 直观的仪表板
- ✔︎ 全面的错误处理
- ✔︎ 开发者友好的文档
- ✔︎ Postman 集成
- ✔︎ 安全的 HTTPS 连接
- ✔︎ 可靠的正常运行时间
HTML CSS 转换为图像 API FAQs
什么是HTML CSS转图片API，它可以做什么
HTML CSS 生成图像 API 是一个工具，能够从 HTML、CSS 代码或 URL 生成 PNG、JPEG 或 WebP 图像。它允许开发者以编程方式捕获网站内容作为图像
我该如何使用API将HTML和CSS代码转换为图像
您可以通过向其端点发出HTTP请求来使用API，在请求体中指定HTML和CSS代码，并将生成的图像作为响应接收。实施的详细文档可供参考
我可以指定API等待网页加载的时间再截图吗
是的该API提供了指定毫秒级等待时间的能力允许您在网页完全加载后捕获网页确保准确的表示
是否可以通过这个API直接从网站URL生成图像
绝对可以 你可以将一个网站URL提供作为API的输入 它将捕捉网页的内容 并提供指定高度和宽度以进行自定义的选项
我对截图的像素比例有什么控制权
API允许您调整像素比例，使您能够控制图像的清晰度和细节，以确保它在不同设备和分辨率上正确显示
每个端点返回什么类型的数据
每个端点返回一个包含单个键“url”的JSON响应，该键提供生成的图像的直接链接，格式为PNG、JPEG或WebP
响应数据的关键字段是什么
响应数据中的主要字段是“url”，它包含生成图像的URL。这使用户能够轻松访问并在他们的应用程序或网站中使用该图像
该端点可以使用哪些参数
用户可以通过提供HTML CSS或网址来定制他们的请求，并可以选择参数，如视口高度宽度以及动态内容加载的等待时间（以毫秒为单位）
响应数据是如何组织的
响应数据被结构化为一个包含单个键值对的JSON对象。键是"url"，值是指向生成图像的字符串URL，使其易于解析和使用
每个端点可以获得什么类型的信息
每个端点允许用户将HTML/CSS代码或URL转换为图像，捕捉网页内容的视觉表现，可用于文档、营销或设计目的
用户如何有效地利用返回的数据
用户可以从响应中获取“url”并将其嵌入到他们的应用程序 网站或报告中以显示生成的图像 便于视觉内容的轻松集成
这些数据的典型用例是什么
常见用例包括为社交媒体帖子生成图像 创建网页的视觉文档 以及通过定期捕获屏幕截图来监控网站变化
用户如何自定义他们的数据请求
用户可以通过指定HTML/CSS内容或URL来自定义请求，调整视口尺寸，并设置等待时间以确保在捕获图像之前内容已完全加载
一般常见问题
什么是 Zyla API Hub？
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 订阅将如何收费？
价格由月度或年度订阅决定，具体取决于所选计划。
我的 API 调用将如何从我的计划中扣除？
API 调用根据成功请求从您的计划中扣除。每个计划都包含您每月可以进行的特定数量的调用。只有成功的调用（由状态 200 响应指示）才会计入您的总数。这确保失败或不完整的请求不会影响您的月度配额。
您的计费周期如何工作？
Zyla API Hub 采用月度订阅系统。您的计费周期将从您购买付费计划的那一天开始，并在下个月的同一日期续订。因此，如果您想避免未来的费用，请提前取消订阅。
如何升级我当前的 API 订阅计划？
要升级您当前的订阅计划，只需转到 API 的定价页面并选择您要升级到的计划。升级将立即生效，让您立即享受新计划的功能。请注意，您之前计划中的任何剩余调用都不会转移到新计划，因此在升级时请注意这一点。您将被收取新计划的全部金额。
如何查看本月我可以进行的剩余 API 调用次数？
要检查您本月剩余多少 API 调用，请参考响应标头中的 "X-Zyla-API-Calls-Monthly-Remaining" 字段。例如，如果您的计划允许每月 1,000 个请求，而您已使用 100 个，则响应标头中的此字段将显示 900 个剩余调用。
如何找出我的订阅计划允许的最大 API 请求数？
要查看您的计划允许的最大 API 请求数，请检查 "X-Zyla-RateLimit-Limit" 响应标头。例如，如果您的计划包括每月 1,000 个请求，此标头将显示 1,000。
如何知道我的速率限制何时重置？
"X-Zyla-RateLimit-Reset" 标头显示您的速率限制重置之前的秒数。这告诉您何时您的请求计数将重新开始。例如，如果它显示 3,600，则意味着还有 3,600 秒直到限制重置。
我可以随时取消吗？
是的，您可以随时通过访问您的账户并在账单页面上选择取消选项来取消您的计划。请注意，升级、降级和取消会立即生效。此外，取消后，您将不再有权访问该服务，即使您的配额中还有剩余调用。
如果我遇到任何问题，我应该联系谁？
您可以通过我们的聊天渠道联系我们以获得即时帮助。我们始终在线，时间为上午 8 点至下午 5 点（EST）。如果您在该时间之后联系我们，我们将尽快回复您。此外，您可以通过 [email protected]
7 天免费试用如何工作？
为了让您有机会在没有任何承诺的情况下体验我们的 API，我们提供 7 天免费试用，允许您免费进行最多 50 次 API 调用。此试用只能使用一次，因此我们建议将其应用于您最感兴趣的 API。虽然我们的大多数 API 都提供免费试用，但有些可能不提供。试用在 7 天后或您进行了 50 次请求后结束，以先发生者为准。如果您在试用期间达到 50 次请求限制，您需要"开始您的付费计划"以继续发出请求。您可以在个人资料中的订阅 -> 选择您订阅的 API -> 定价标签下找到"开始您的付费计划"按钮。或者，如果您在第 7 天之前不取消订阅，您的免费试用将结束，您的计划将自动计费，授予您访问计划中指定的所有 API 调用的权限。请记住这一点以避免不必要的费用。
如果我忘记取消免费试用会怎样？
7 天后，您将被收取试用期间订阅的计划的全额费用。因此，在试用期结束前取消很重要。因忘记及时取消而提出的退款请求不被接受。
在免费试用期间我可以进行多少次调用？
当您订阅 API 免费试用时，您可以进行最多 50 次 API 调用。如果您希望超出此限制进行额外的 API 调用，API 将提示您执行"开始您的付费计划"。您可以在个人资料中的订阅 -> 选择您订阅的 API -> 定价标签下找到"开始您的付费计划"按钮。
付款订单何时处理？
付款订单在每月 20 日至 30 日之间处理。如果您在 20 日之前提交请求，您的付款将在此时间范围内处理。
您可能还喜欢
服务级别:
100%
响应时间:
2,074ms
服务级别:
100%
响应时间:
0ms
服务级别:
100%
响应时间:
0ms
服务级别:
100%
响应时间:
910ms
服务级别:
100%
响应时间:
1,169ms
服务级别:
100%
响应时间:
998ms
数据与分析
7 天免费试用
服务级别:
100%
响应时间:
0ms
服务级别:
100%
响应时间:
611ms
服务级别:
100%
响应时间:
0ms
服务级别:
100%
响应时间:
640ms
为什么选择 Zyla API Hub？
免费注册
使用 7 天免费试用体验大多数 API，最多 50 个请求！
年度订阅可免费获得 2 个月！
专业 API 技术支持
10,000+
可用 API
5M+
开发者
3B+
API 调用/月
兼容任何AI代理
OpenClaw、Claude Code/Desktop、Cursor、Windsurf、Cline — 任何MCP兼容的AI客户端。
