आपकी सदस्यता जारी रखने से पहले, हमें आपकी पहचान सत्यापित करने की आवश्यकता है।
यह आपको और अन्य उपयोगकर्ताओं को संभावित धोखाधड़ी से बचाएगा।
- आपको हमारे सुरक्षित पहचान सत्यापन भागीदार, Stripe पर रीडायरेक्ट किया जाएगा।
- आपको सरकार द्वारा जारी आईडी प्रदान करनी होगी।
- यह प्रक्रिया स्वचालित है और केवल कुछ मिनट लगेंगे।
- पूरा होने के बाद, आपको अपनी सदस्यता जारी रखने के लिए चेकआउट पर रीडायरेक्ट किया जाएगा।
एचटीएमएल सीएसएस टू इमेज एपीआई से परिचित कराते हैं यह एचटीएमएल और सीएसएस जादू से आकर्षक दृश्यों को बनाने का एक अद्भुत उपकरण है अपने कोड को बिना किसी कठिनाई के अद्भुत पीएनजी जेपीईजी या वेबपी छवियों में परिवर्तित करें ठहरने की शक्ति को संभालें अनुकूलित करने की और पिक्सेल-सटीक सटीकता के साथ चमकने के लिए अपनी कल्पना को मुक्त करें पिक्सेल दर पिक्सेल
इस MCP को रैप करके एक स्किल बनाएं: https://mcp.zylalabs.com/mcp?apikey=YOUR_ZYLA_API_KEY
पोस्टमैन में चलाएँ
{"url":"https://htmltoimage-s3bucket-1lw6aoyde4nz5.s3.amazonaws.com/18253aa7-8e49-4a31-b228-8330bbffcf26.png"}
curl --location --request POST 'https://pr222-testing.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://pr222-testing.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://pr222-testing.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://pr222-testing.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://pr222-testing.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://pr222-testing.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://pr222-testing.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://pr222-testing.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://pr222-testing.zylalabs.com/api/2612/html+css+to+image+api/2620/html+css+to+image' \
Authorization:'Bearer YOUR_API_KEY'
var client = new RestClient("https://pr222-testing.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://pr222-testing.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://pr222-testing.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://pr222-testing.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://pr222-testing.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://pr222-testing.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(())
}
API प्रतिक्रिया
API उदाहरण प्रतिक्रिया
JSON
{"url":"https://htmltoimage-s3bucket-1lw6aoyde4nz5.s3.amazonaws.com/11133f47-7843-47f8-9294-b57252d39e13.png"}
HTML को छवि में — कोड स्निपेट्स
curl --location --request POST 'https://pr222-testing.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://pr222-testing.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://pr222-testing.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://pr222-testing.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://pr222-testing.zylalabs.com/api/2612/html+css+to+image+api/2621/html+to+image' \
Authorization:'Bearer YOUR_API_KEY'
var client = new RestClient("https://pr222-testing.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://pr222-testing.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://pr222-testing.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://pr222-testing.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://pr222-testing.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(())
}
API प्रतिक्रिया
API उदाहरण प्रतिक्रिया
JSON
{"url":"https://htmltoimage-s3bucket-1lw6aoyde4nz5.s3.amazonaws.com/775c69b1-c623-4e99-b162-116d66699c6c.png"}
छवि के लिए यूआरएल — कोड स्निपेट्स
curl --location --request POST 'https://pr222-testing.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://pr222-testing.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://pr222-testing.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://pr222-testing.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://pr222-testing.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://pr222-testing.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://pr222-testing.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://pr222-testing.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://pr222-testing.zylalabs.com/api/2612/html+css+to+image+api/2622/url+to+image' \
Authorization:'Bearer YOUR_API_KEY'
var client = new RestClient("https://pr222-testing.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://pr222-testing.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://pr222-testing.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://pr222-testing.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://pr222-testing.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://pr222-testing.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 एंडपॉइंट तक पहुंचने के लिए किया जाता है। प्रमाणीकरण के लिए एचटीएमएल सीएसएस से इमेज API के साथ बस अपने बेयरर टोकन को Authorization हेडर में शामिल करें।
हेडर्स
हेडर
विवरण
Authorization
आवश्यक
होना चाहिए Bearer access_key. जब आप सब्सक्राइब हों तो ऊपर "Your API Access Key" देखें।
कोई लंबी अवधि की प्रतिबद्धता नहीं। कभी भी अपग्रेड, डाउनग्रेड या कैंसल करें।
फ्री ट्रायल में 50 रिक्वेस्ट तक शामिल हैं।
(वार्षिक बिलिंग के साथ 2 महीने बचाएँ 🎉)
💫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/महीना
$249.90/वर्ष का बिल
$49.98/वर्ष बचाएं
- 2,000 रिक्वेस्ट्स /
महीना
-
फिर $0.0162435 यदि लिमिट पार हो जाए तो प्रति रिक्वेस्ट।
-
रेट लिमिट: 60 reqs प्रति मिनट
- विशेष ग्राहक सहायता
- रीयल-टाइम API मॉनिटरिंग
- अनलिमिटेड डेटा ट्रांसफर शामिल
कोई प्रतिबद्धता नहीं। कभी भी कैंसल करें
Popular
⚡Pro
$41.66/महीना
$499.90/वर्ष का बिल
$99.98/वर्ष बचाएं
- 10,000 रिक्वेस्ट्स /
महीना
-
फिर $0.0162435 यदि लिमिट पार हो जाए तो प्रति रिक्वेस्ट।
-
रेट लिमिट: 60 reqs प्रति मिनट
- विशेष ग्राहक सहायता
- रीयल-टाइम API मॉनिटरिंग
- अनलिमिटेड डेटा ट्रांसफर शामिल
कोई प्रतिबद्धता नहीं। कभी भी कैंसल करें
🔥Pro Plus
$83.33/महीना
$999.90/वर्ष का बिल
$199.98/वर्ष बचाएं
- 25,000 रिक्वेस्ट्स /
महीना
-
फिर $0.0162435 यदि लिमिट पार हो जाए तो प्रति रिक्वेस्ट।
-
रेट लिमिट: 120 reqs प्रति मिनट
- विशेष ग्राहक सहायता
- रीयल-टाइम API मॉनिटरिंग
- अनलिमिटेड डेटा ट्रांसफर शामिल
कोई प्रतिबद्धता नहीं। कभी भी कैंसल करें
🚀 एंटरप्राइज़ प्लान
शुरू होता है
$ 10,000/वर्ष
- कस्टम वॉल्यूम
- कस्टम रेट लिमिट
- विशेष ग्राहक सहायता
- रीयल-टाइम API मॉनिटरिंग
अग्रणी कंपनियों का भरोसा
अवलोकन
API के बारे में:
HTML CSS से इमेज API का परिचय: आश्चर्यजनक दृश्य सामग्री के लिए आपका द्वार
डिजिटल युग में दृश्य सामग्री की प्रधानता है और HTML और CSS से आंखों को आकर्षित करने वाली छवियां बनाना HTML CSS से इमेज API के साथ कभी आसान नहीं रहा। यह मजबूत API डेवलपर्स, डिजाइनर्स और सामग्री निर्माताओं को वेब तत्वों को PNG, JPEG, या WebP छवियों में सहजता से रूपांतरित करने के लिए सशक्त बनाता है, जिससे वेबसाइटों, ऐप्स और डिजिटल मार्केटिंग सामग्री को सशक्त बनाने के लिए संभावनाओं की एक दुनिया खुलती है।
प्रमुख विशेषताएँ:
-
कुशल रूपांतरण: इस API के साथ, आप बिना किसी कठिन सॉफ़्टवेयर या मैनुअल छवि निर्माण के, साधारण HTML और CSS कोड को उच्च गुणवत्ता वाले PNG, JPEG, या WebP छवियों में आसानी से रूपांतरित कर सकते हैं। बस अपने कोड का इनपुट करें और देखें कि आपका दृष्टिकोण जीवंत हो जाता है।
-
सटीक समय निर्धारण: धैर्य का फ payoff मिलता है, खासकर गतिशील वेब सामग्री को कैप्चर करते समय। API स्क्रीनशॉट लेने से पहले निर्दिष्ट संख्या में मिलीसेकंड का इंतजार करने की क्षमता प्रदान करता है। यह सुनिश्चित करता है कि आपकी छवियाँ वेबपृष्ठ के पूरी तरह से लोड होने की स्थिति को सही रूप से दर्शाती हैं, पूर्व-समय में कैप्चर से बचती हैं और उपयोगकर्ताओं को एक सहज ब्राउज़िंग अनुभव प्रदान करती हैं।
-
URL जादू: कभी-कभी, पूरा वेब आपका कैनवास होता है। वेबसाइट URLs से सीधे चित्र बनाएं, ऊंचाई और चौड़ाई को निर्दिष्ट करने का विकल्प सहित। चाहे आप वेब सामग्री दिखा रहे हों या परिवर्तनों की निगरानी कर रहे हों, यह विशेषता प्रक्रिया को सरल बनाती है और आपको ठीक वही कैप्चर करने की अनुमति देती है जिसकी आपको आवश्यकता है।
-
पिक्सेल-परफेक्ट नियंत्रण: API की पिक्सेल अनुपात समायोजन कार्यक्षमता के साथ पिक्सेल अनुपात को पूर्ण करना आसान है। अपने स्क्रीनशॉट में स्पष्टता और विवरण के सटीक स्तर प्राप्त करें, यह सुनिश्चित करते हुए कि आपकी छवियाँ विभिन्न उपकरणों और संकल्पों पर आश्चर्यजनक दिखाई देती हैं।
इस API को क्या मिलता है और आपका API क्या प्रदान करता है (इनपुट/आउटपुट)?
एक उत्पन्न चित्र प्राप्त करने के लिए अपने CSS HTML या URL पास करें।
इस API के सबसे सामान्य उपयोग के मामले क्या हैं?
HTML CSS से इमेज API का परिचय: आश्चर्यजनक दृश्य सामग्री के लिए आपका द्वार
डिजिटल युग में दृश्य सामग्री की प्रधानता है और HTML और CSS से आंखों को आकर्षित करने वाली छवियां बनाना HTML CSS से इमेज API के साथ कभी आसान नहीं रहा। यह मजबूत API डेवलपर्स, डिजाइनर्स और सामग्री निर्माताओं को वेब तत्वों को PNG, JPEG, या WebP छवियों में सहजता से रूपांतरित करने के लिए सशक्त बनाता है, जिससे वेबसाइटों, ऐप्स और डिजिटल मार्केटिंग सामग्री को सशक्त बनाने के लिए संभावनाओं की एक दुनिया खुलती है।
प्रमुख विशेषताएँ:
-
कुशल रूपांतरण: इस API के साथ, आप बिना किसी कठिन सॉफ़्टवेयर या मैनुअल छवि निर्माण के, साधारण HTML और CSS कोड को उच्च गुणवत्ता वाले PNG, JPEG, या WebP छवियों में आसानी से रूपांतरित कर सकते हैं। बस अपने कोड का इनपुट करें और देखें कि आपका दृष्टिकोण जीवंत हो जाता है।
-
सटीक समय निर्धारण: धैर्य का फ payoff मिलता है, खासकर गतिशील वेब सामग्री को कैप्चर करते समय। API स्क्रीनशॉट लेने से पहले निर्दिष्ट संख्या में मिलीसेकंड का इंतजार करने की क्षमता प्रदान करता है। यह सुनिश्चित करता है कि आपकी छवियाँ वेबपृष्ठ के पूरी तरह से लोड होने की स्थिति को सही रूप से दर्शाती हैं, पूर्व-समय में कैप्चर से बचती हैं और उपयोगकर्ताओं को एक सहज ब्राउज़िंग अनुभव प्रदान करती हैं।
-
URL जादू: कभी-कभी, पूरा वेब आपका कैनवास होता है। वेबसाइट URLs से सीधे चित्र बनाएं, ऊंचाई और चौड़ाई को निर्दिष्ट करने का विकल्प सहित। चाहे आप वेब सामग्री दिखा रहे हों या परिवर्तनों की निगरानी कर रहे हों, यह विशेषता प्रक्रिया को सरल बनाती है और आपको ठीक वही कैप्चर करने की अनुमति देती है जिसकी आपको आवश्यकता है।
-
पिक्सेल-परफेक्ट नियंत्रण: API की पिक्सेल अनुपात समायोजन कार्यक्षमता के साथ पिक्सेल अनुपात को पूर्ण करना आसान है। अपने स्क्रीनशॉट में स्पष्टता और विवरण के सटीक स्तर प्राप्त करें, यह सुनिश्चित करते हुए कि आपकी छवियाँ विभिन्न उपकरणों और संकल्पों पर आश्चर्यजनक दिखाई देती हैं।
क्या आपके योजनाओं में कोई सीमाएँ हैं?
योजना के लिए उपलब्ध API कॉल्स की संख्या के अलावा, कोई अन्य सीमाएँ नहीं हैं।
एचटीएमएल सीएसएस से इमेज API FAQs
HTML CSS से इमेज एपीआई क्या है और यह क्या कर सकता है
HTML CSS से इमेज API एक उपकरण है जो HTML CSS कोड या URL से PNG JPEG या WebP इमेज बनाने की अनुमति देता है यह डेवलपर्स को प्रोग्रामेटिक रूप से वेबसाइट सामग्री को इमेज के रूप में कैप्चर करने की सुविधा देता है
मैं API का उपयोग करके HTML और CSS कोड को चित्रों में कैसे परिवर्तित कर सकता हूँ
आप एपीआई का उपयोग उसके एंडपॉइंट्स पर HTTP अनुरोध करके कर सकते हैं अनुरोध body में HTML और CSS कोड निर्दिष्ट करके और प्रतिक्रिया के रूप में उत्पन्न छवि प्राप्त करके कार्यान्वयन के लिए विस्तृत दस्तावेज उपलब्ध है
क्या मैं यह निर्दिष्ट कर सकता हूँ कि API किसी वेबपृष्ठ को लोड होने के लिए स्क्रिनशॉट लेने से पहले कितना समय प्रतीक्षा करे
हाँ, API मिलीसेकंड में प्रतीक्षा समय निर्दिष्ट करने की क्षमता प्रदान करता है जिससे आपको वेबपृष्ठ को पूरी तरह से लोड होने के बाद कैप्चर करने की अनुमति मिलती है जिससे सटीक प्रतिनिधित्व सुनिश्चित होता है
क्या इस एपीआई का उपयोग करके सीधे एक वेबसाइट यूआरएल से चित्र उत्पन्न करना संभव है
बिल्कुल आप API को इनपुट के रूप में एक वेबसाइट URL प्रदान कर सकते हैं और यह वेबपेज की सामग्री को कैप्चर करेगा कस्टमाइज़ेशन के लिए ऊंचाई और चौड़ाई निर्दिष्ट करने का विकल्प प्रदान करेगा
मैं स्क्रीनशॉट के लिए पिक्सेल अनुपात पर कितना नियंत्रण रखता हूँ
एपीआई आपको पिक्सेल अनुपात को समायोजित करने की अनुमति देता है जिससे आप चित्र की स्पष्टता और विवरण को नियंत्रित कर सकते हैं ताकि वह विभिन्न उपकरणों और संकल्पों पर सही ढंग से दिखाई दे सके
हर एंडपॉइंट किस प्रकार का डेटा लौटाता है
प्रत्येक एंडपॉइंट एक JSON प्रतिक्रिया लौटाता है जिसमें एकल कुंजी "url" होती है जो PNG, JPEG या WebP प्रारूप में उत्पन्न छवि का सीधा लिंक प्रदान करती है
प्रतिक्रिया डेटा में मुख्य क्षेत्र क्या हैं
प्रतिक्रिया डेटा में प्राथमिक फ़ील्ड "url" है जिसमें उत्पन्न चित्र का यूआरएल शामिल है। यह उपयोगकर्ताओं को अपने अनुप्रयोगों या वेबसाइटों में चित्र को आसानी से पहुंचने और उपयोग करने की अनुमति देता है
इस एंडपॉइंट के साथ कौन से पैरामीटर का उपयोग किया जा सकता है
उपयोगकर्ता अपने अनुरोधों को कस्टमाइज़ कर सकते हैं HTML CSS या URL प्रदान करके साथ ही वैकल्पिक पैरामीटर जैसे दृश्यपृष्ठ की ऊंचाई चौड़ाई और गतिशील सामग्री लोडिंग के लिए मिलीसेकंड में प्रतीक्षा समय
प्रतिक्रिया डेटा कैसे व्यवस्थित किया गया है
उत्तर डेटा एक JSON ऑब्जेक्ट के रूप में संरचित है जिसमें एकल कुंजी-मूल्य युग्म है कुंजी "url" है और मूल्य उस स्ट्रिंग URL है जो उत्पन्न छवि का संकेत देती है जिससे इसे पार्स करना और उपयोग करना सरल हो जाता है
प्रत्येक एंडपॉइंट के माध्यम से किस प्रकार की जानकारी उपलब्ध है
प्रत्येक एंडपॉइंट उपयोगकर्ताओं को HTML/CSS कोड या URL को एक चित्र में परिवर्तित करने की अनुमति देता है जिससे वेब सामग्री का दृश्य प्रतिनिधित्व प्राप्त किया जा सकता है जिसका उपयोग दस्तावेज़ीकरण मार्केटिंग या डिज़ाइन उद्देश्यों के लिए किया जा सकता है
उपयोगकर्ता लौटाए गए डेटा का प्रभावी ढंग से कैसे उपयोग कर सकते हैं
उपयोगकर्ता प्रतिक्रिया से "यूआरएल" ले सकते हैं और इसे अपने अनुप्रयोगों वेबसाइटों या रिपोर्टों में सम्मिलित कर सकते हैं ताकि उत्पन्न चित्र को प्रदर्शित किया जा सके जिससे दृश्य सामग्री का सरल एकीकरण हो सके
इस डेटा के लिए विशिष्ट उपयोग के मामले क्या हैं
सामान्य उपयोग के मामलों में सोशल मीडिया पोस्ट के लिए चित्र उत्पन्न करना वेब पेजों का दृश्य दस्तावेज़ बनाना और समय-समय पर स्क्रीनशॉट लेकर वेबसाइट परिवर्तनों की निगरानी करना शामिल है
उपयोगकर्ता अपनी डेटा अनुरोधों को कैसे अनुकूलित कर सकते हैं
उपयोगकर्ता HTML/CSS सामग्री या एक URL निर्दिष्ट करके अनुरोध को अनुकूलित कर सकते हैं व्यूपोर्ट आयामों को समायोजित कर सकते हैं और एक प्रतीक्षा समय सेट कर सकते हैं ताकि यह सुनिश्चित हो सके कि सामग्री पूरी तरह से लोड होने से पहले छवि कैप्चर की जाए
सामान्य FAQs
Zyla API Hub क्या है?
Zyla API Hub APIs के लिए एक बड़ा स्टोर जैसा है, जहाँ आप हजारों APIs एक ही जगह पर पा सकते हैं। हम सभी APIs की समर्पित सपोर्ट और रीयल-टाइम मॉनिटरिंग भी प्रदान करते हैं। एक बार साइन अप करने के बाद, आप चुन सकते हैं कि कौन सी APIs उपयोग करनी हैं। बस याद रखें, प्रत्येक API को अपनी स्वयं की सब्सक्रिप्शन की आवश्यकता होती है। लेकिन यदि आप कई APIs पर सब्सक्राइब करते हैं, तो आप सभी के लिए एक ही की का उपयोग करेंगे, जिससे आपके लिए चीज़ें आसान हो जाती हैं।
कौन सी करेंसी और पेमेंट मेथड्स की अनुमति है?
कीमतें USD (अमेरिकी डॉलर), EUR (यूरो), CAD (कनाडाई डॉलर), AUD (ऑस्ट्रेलियाई डॉलर), और GBP (ब्रिटिश पाउंड) में सूचीबद्ध हैं। हम सभी प्रमुख डेबिट और क्रेडिट कार्ड स्वीकार करते हैं। हमारा पेमेंट सिस्टम नवीनतम सुरक्षा तकनीक का उपयोग करता है और Stripe द्वारा संचालित है, जो दुनिया की सबसे विश्वसनीय पेमेंट कंपनियों में से एक है। यदि आपको कार्ड से पेमेंट करने में कोई समस्या हो, तो बस हमसे संपर्क करें [email protected]
इसके अलावा, यदि आपके पास पहले से ही इनमें से किसी भी करेंसी (USD, EUR, CAD, AUD, GBP) में एक सक्रिय सब्सक्रिप्शन है, तो बाद की सब्सक्रिप्शंस के लिए वही करेंसी बनी रहेगी। जब तक आपके पास कोई सक्रिय सब्सक्रिप्शन नहीं है, आप किसी भी समय करेंसी बदल सकते हैं।
मेरे प्राइसिंग पेज पर मेरी स्थानीय करेंसी क्यों दिखाई देती है, जबकि मैं उससे भुगतान नहीं कर सकता?
प्राइसिंग पेज पर दिखाई देने वाली स्थानीय करेंसी आपके IP पते के देश पर आधारित है और केवल संदर्भ के लिए प्रदान की गई है। वास्तविक कीमतें USD (अमेरिकी डॉलर) में हैं। जब आप भुगतान करते हैं, तो आपके कार्ड स्टेटमेंट पर चार्ज USD में दिखाई देगा, भले ही हमारी वेबसाइट पर आपको आपकी स्थानीय करेंसी में समतुल्य राशि दिखाई दे। इसका अर्थ है कि आप सीधे अपनी स्थानीय करेंसी से भुगतान नहीं कर सकते।
मेरा पेमेंट डिक्लाइन हो गया, मुझे क्या करना चाहिए?
कभी-कभी, बैंक फ्रॉड प्रोटेक्शन सेटिंग्स के कारण चार्ज को डिक्लाइन कर सकता है। हम सुझाव देते हैं कि आप पहले अपने बैंक से संपर्क करें कि क्या वे हमारे चार्ज को ब्लॉक कर रहे हैं। साथ ही, आप बिलिंग पोर्टल तक पहुंच सकते हैं और भुगतान करने के लिए जुड़े कार्ड को बदल सकते हैं। यदि यह काम नहीं करता और आपको अतिरिक्त सहायता की आवश्यकता है, तो कृपया हमारी टीम से संपर्क करें [email protected]
मेरी API सब्सक्रिप्शन के लिए मुझे कैसे चार्ज किया जाएगा?
कीमतें पुनरावर्ती मासिक या वार्षिक सब्सक्रिप्शन के आधार पर निर्धारित की जाती हैं, जो चुने गए प्लान पर निर्भर करती हैं।
मेरे प्लान से API कॉल्स कैसे घटाई जाएँगी?
API कॉल्स आपके प्लान से सफल रिक्वेस्ट के आधार पर घटाई जाती हैं। प्रत्येक प्लान में प्रति माह आप जितनी कॉल कर सकते हैं उसकी एक विशेष संख्या होती है। केवल सफल कॉल्स, जो स्टेटस 200 रिस्पॉन्स से इंगित होती हैं, आपकी कुल संख्या से घटाई जाएँगी। इससे सुनिश्चित होता है कि असफल या अधूरी रिक्वेस्ट आपके मासिक कोटा को प्रभावित नहीं करतीं।
आपका बिलिंग साइकल कैसे काम करता है?
Zyla API Hub एक पुनरावर्ती मासिक सब्सक्रिप्शन सिस्टम पर काम करता है। आपका बिलिंग साइकल उस दिन से शुरू होगा जिस दिन आप किसी पेड प्लान को खरीदते हैं, और अगले महीने के उसी दिन नवीनीकृत होगा। इसलिए यदि आप भविष्य के चार्ज से बचना चाहते हैं, तो समय पर अपनी सब्सक्रिप्शन कैंसल करना सुनिश्चित करें।
मैं अपनी मौजूदा सब्सक्रिप्शन प्लान को कैसे अपग्रेड करूँ?
अपनी मौजूदा सब्सक्रिप्शन प्लान को अपग्रेड करने के लिए, बस 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 सेकंड बचे हैं।
क्या मैं कभी भी कैंसल कर सकता हूँ?
हाँ, आप कभी भी अपने अकाउंट में जाकर और बिलिंग पेज पर कैंसिलेशन विकल्प चुनकर अपना प्लान कैंसल कर सकते हैं। कृपया ध्यान दें कि अपग्रेड, डाउनग्रेड और कैंसिलेशन तुरंत प्रभावी होते हैं। साथ ही, कैंसल करने पर आपको सेवा तक पहुंच नहीं होगी, भले ही आपके कोटा में कॉल्स बची हों।
7-दिवसीय फ्री ट्रायल कैसे काम करता है?
आपको बिना किसी प्रतिबद्धता के हमारी APIs का अनुभव करने का मौका देने के लिए, हम 7-दिवसीय फ्री ट्रायल प्रदान करते हैं, जो आपको 50 API कॉल्स तक मुफ्त में करने की अनुमति देता है। यह ट्रायल केवल एक बार उपयोग किया जा सकता है, इसलिए हम सलाह देते हैं कि आप इसे उस API पर लागू करें जिसमें आपको सबसे अधिक रुचि है। जबकि अधिकांश APIs फ्री ट्रायल प्रदान करते हैं, कुछ शायद न करें। ट्रायल 7 दिनों के बाद या 50 रिक्वेस्ट होने पर, जो भी पहले हो, समाप्त हो जाता है। यदि आप ट्रायल के दौरान 50 रिक्वेस्ट लिमिट तक पहुँच जाते हैं, तो रिक्वेस्ट जारी रखने के लिए आपको "Start Your Paid Plan" करना होगा। आप अपने प्रोफाइल में Subscription -> जिस API पर आप सब्सक्राइब हैं उसे चुनें -> Pricing टैब में "Start Your Paid Plan" बटन पा सकते हैं। यदि आप 7वें दिन से पहले अपनी सब्सक्रिप्शन कैंसल नहीं करते हैं, तो आपका फ्री ट्रायल समाप्त हो जाएगा और आपका प्लान अपने आप चार्ज हो जाएगा, जिससे आपको अपने प्लान में निर्दिष्ट सभी API कॉल्स तक पहुंच मिल जाएगी। अवांछित चार्ज से बचने के लिए कृपया इसे ध्यान में रखें।
अगर मैं अपना फ्री ट्रायल कैंसल करना भूल जाऊँ तो क्या होगा?
7 दिनों के बाद, आपको उस प्लान की पूरी राशि चार्ज की जाएगी, जिस पर आप ट्रायल के दौरान सब्सक्राइब थे। इसलिए, ट्रायल अवधि समाप्त होने से पहले कैंसल करना महत्वपूर्ण है। समय पर कैंसल करना भूलने के लिए रिफंड अनुरोध स्वीकार नहीं किए जाते।
फ्री ट्रायल के दौरान मैं कितनी कॉल्स कर सकता हूँ?
जब आप किसी API के फ्री ट्रायल पर सब्सक्राइब करते हैं, तो आप 50 API कॉल्स तक कर सकते हैं। यदि आप इस लिमिट से आगे अतिरिक्त API कॉल्स करना चाहते हैं, तो API आपको "Start Your Paid Plan" करने का संकेत देगा। आप अपने प्रोफाइल में Subscription -> जिस API पर आप सब्सक्राइब हैं उसे चुनें -> Pricing टैब में "Start Your Paid Plan" बटन पा सकते हैं।
पAYOUT ऑर्डर्स कब प्रोसेस किए जाते हैं?
पAYOUT ऑर्डर्स महीने की 20 तारीख से 30 तारीख के बीच प्रोसेस किए जाते हैं। यदि आप अपना अनुरोध 20 तारीख से पहले सबमिट करते हैं, तो आपका पेमेंट इस समयावधि के भीतर प्रोसेस किया जाएगा।
अगर मुझे कोई समस्या हो, तो मुझे किससे संपर्क करना चाहिए?
आप तुरंत सहायता प्राप्त करने के लिए हमारे चैट चैनल के माध्यम से हमसे संपर्क कर सकते हैं। हम हमेशा सुबह 8 बजे से शाम 5 बजे (EST) तक ऑनलाइन रहते हैं। यदि आप हमें उस समय के बाद संपर्क करते हैं, तो हम यथाशीघ्र आपसे संपर्क करेंगे। इसके अलावा, आप हमें ईमेल के माध्यम से भी संपर्क कर सकते हैं [email protected]
संबंधित APIs
100%
uptime
801ms
avg
MCP
ready
स्वास्थ्य और फिटनेस
फ्री 7-दिवसीय ट्रायल
100%
uptime
4,636ms
avg
MCP
ready
100%
uptime
1,045ms
avg
MCP
ready
100%
uptime
832ms
avg
MCP
ready
100%
uptime
3,829ms
avg
MCP
ready
100%
uptime
1,507ms
avg
MCP
ready
डेटा और एनालिटिक्स
फ्री 7-दिवसीय ट्रायल
100%
uptime
14,286ms
avg
MCP
ready
100%
uptime
620ms
avg
MCP
ready
100%
uptime
609ms
avg
MCP
ready
100%
uptime
1,815ms
avg
MCP
ready
आपको ये भी पसंद आ सकते हैं
100%
uptime
16ms
avg
MCP
ready
100%
uptime
955ms
avg
MCP
ready
100%
uptime
3,250ms
avg
MCP
ready
100%
uptime
2,908ms
avg
MCP
ready
100%
uptime
141ms
avg
MCP
ready
वाहन और ऑटोमोटिव डेटा
फ्री 7-दिवसीय ट्रायल
100%
uptime
5,660ms
avg
MCP
ready
बाजार डेटा और व्यापार
फ्री 7-दिवसीय ट्रायल
100%
uptime
391ms
avg
MCP
ready
वाहन और ऑटोमोटिव डेटा
फ्री 7-दिवसीय ट्रायल
100%
uptime
1,778ms
avg
MCP
ready
100%
uptime
4,629ms
avg
MCP
ready
100%
uptime
3,062ms
avg
MCP
ready
Zyla API Hub में आपका स्वागत है
एक अकाउंट और एक ही API कुंजी के साथ APIs खोजें, कनेक्ट करें और प्रबंधित करें।
पहले से रजिस्टर्ड हैं?
लॉगिन
Zyla API Hub क्यों चुनें?
फ्री साइन अप
अधिकांश APIs को 7-दिवसीय फ्री ट्रायल के साथ आज़माएँ, 50 रिक्वेस्ट तक!
वार्षिक सब्सक्रिप्शंस के साथ 2 महीने फ्री पाएं!
विशेषीकृत API तकनीकी समर्थन
10,000+
उपलब्ध APIs
5M+
डेवलपर्स
3B+
API कॉल्स/माह
किसी भी AI एजेंट के साथ काम करता है
OpenClaw, Claude Code/Desktop, Cursor, Devin, Cline — किसी भी MCP-संगत AI क्लाइंट।
