curl --request POST \
--url https://api.iotools.cloud/v1/tool/svg-wave-generator \
--header 'Authorization: Bearer <token>' \
--header 'Content-Type: application/json' \
--data '
{
"ioAmplitude": 110,
"ioFrequency": 5.5,
"ioWidth": 1600,
"ioHeight": 325,
"ioFlipVertical": true,
"ioFlipHorizontal": true,
"ioLayers": 2.5,
"ioColor1": "<string>",
"ioOpacity1": 55,
"ioColor2": "<string>",
"ioOpacity2": 55,
"ioColor3": "<string>",
"ioOpacity3": 55,
"ioColor4": "<string>",
"ioOpacity4": 55,
"ioBgColor": "<string>",
"ioAnimate": true
}
'import requests
url = "https://api.iotools.cloud/v1/tool/svg-wave-generator"
payload = {
"ioAmplitude": 110,
"ioFrequency": 5.5,
"ioWidth": 1600,
"ioHeight": 325,
"ioFlipVertical": True,
"ioFlipHorizontal": True,
"ioLayers": 2.5,
"ioColor1": "<string>",
"ioOpacity1": 55,
"ioColor2": "<string>",
"ioOpacity2": 55,
"ioColor3": "<string>",
"ioOpacity3": 55,
"ioColor4": "<string>",
"ioOpacity4": 55,
"ioBgColor": "<string>",
"ioAnimate": True
}
headers = {
"Authorization": "Bearer <token>",
"Content-Type": "application/json"
}
response = requests.post(url, json=payload, headers=headers)
print(response.text)const options = {
method: 'POST',
headers: {Authorization: 'Bearer <token>', 'Content-Type': 'application/json'},
body: JSON.stringify({
ioAmplitude: 110,
ioFrequency: 5.5,
ioWidth: 1600,
ioHeight: 325,
ioFlipVertical: true,
ioFlipHorizontal: true,
ioLayers: 2.5,
ioColor1: '<string>',
ioOpacity1: 55,
ioColor2: '<string>',
ioOpacity2: 55,
ioColor3: '<string>',
ioOpacity3: 55,
ioColor4: '<string>',
ioOpacity4: 55,
ioBgColor: '<string>',
ioAnimate: true
})
};
fetch('https://api.iotools.cloud/v1/tool/svg-wave-generator', options)
.then(res => res.json())
.then(res => console.log(res))
.catch(err => console.error(err));<?php
$curl = curl_init();
curl_setopt_array($curl, [
CURLOPT_URL => "https://api.iotools.cloud/v1/tool/svg-wave-generator",
CURLOPT_RETURNTRANSFER => true,
CURLOPT_ENCODING => "",
CURLOPT_MAXREDIRS => 10,
CURLOPT_TIMEOUT => 30,
CURLOPT_HTTP_VERSION => CURL_HTTP_VERSION_1_1,
CURLOPT_CUSTOMREQUEST => "POST",
CURLOPT_POSTFIELDS => json_encode([
'ioAmplitude' => 110,
'ioFrequency' => 5.5,
'ioWidth' => 1600,
'ioHeight' => 325,
'ioFlipVertical' => true,
'ioFlipHorizontal' => true,
'ioLayers' => 2.5,
'ioColor1' => '<string>',
'ioOpacity1' => 55,
'ioColor2' => '<string>',
'ioOpacity2' => 55,
'ioColor3' => '<string>',
'ioOpacity3' => 55,
'ioColor4' => '<string>',
'ioOpacity4' => 55,
'ioBgColor' => '<string>',
'ioAnimate' => true
]),
CURLOPT_HTTPHEADER => [
"Authorization: Bearer <token>",
"Content-Type: application/json"
],
]);
$response = curl_exec($curl);
$err = curl_error($curl);
curl_close($curl);
if ($err) {
echo "cURL Error #:" . $err;
} else {
echo $response;
}package main
import (
"fmt"
"strings"
"net/http"
"io"
)
func main() {
url := "https://api.iotools.cloud/v1/tool/svg-wave-generator"
payload := strings.NewReader("{\n \"ioAmplitude\": 110,\n \"ioFrequency\": 5.5,\n \"ioWidth\": 1600,\n \"ioHeight\": 325,\n \"ioFlipVertical\": true,\n \"ioFlipHorizontal\": true,\n \"ioLayers\": 2.5,\n \"ioColor1\": \"<string>\",\n \"ioOpacity1\": 55,\n \"ioColor2\": \"<string>\",\n \"ioOpacity2\": 55,\n \"ioColor3\": \"<string>\",\n \"ioOpacity3\": 55,\n \"ioColor4\": \"<string>\",\n \"ioOpacity4\": 55,\n \"ioBgColor\": \"<string>\",\n \"ioAnimate\": true\n}")
req, _ := http.NewRequest("POST", url, payload)
req.Header.Add("Authorization", "Bearer <token>")
req.Header.Add("Content-Type", "application/json")
res, _ := http.DefaultClient.Do(req)
defer res.Body.Close()
body, _ := io.ReadAll(res.Body)
fmt.Println(string(body))
}HttpResponse<String> response = Unirest.post("https://api.iotools.cloud/v1/tool/svg-wave-generator")
.header("Authorization", "Bearer <token>")
.header("Content-Type", "application/json")
.body("{\n \"ioAmplitude\": 110,\n \"ioFrequency\": 5.5,\n \"ioWidth\": 1600,\n \"ioHeight\": 325,\n \"ioFlipVertical\": true,\n \"ioFlipHorizontal\": true,\n \"ioLayers\": 2.5,\n \"ioColor1\": \"<string>\",\n \"ioOpacity1\": 55,\n \"ioColor2\": \"<string>\",\n \"ioOpacity2\": 55,\n \"ioColor3\": \"<string>\",\n \"ioOpacity3\": 55,\n \"ioColor4\": \"<string>\",\n \"ioOpacity4\": 55,\n \"ioBgColor\": \"<string>\",\n \"ioAnimate\": true\n}")
.asString();require 'uri'
require 'net/http'
url = URI("https://api.iotools.cloud/v1/tool/svg-wave-generator")
http = Net::HTTP.new(url.host, url.port)
http.use_ssl = true
request = Net::HTTP::Post.new(url)
request["Authorization"] = 'Bearer <token>'
request["Content-Type"] = 'application/json'
request.body = "{\n \"ioAmplitude\": 110,\n \"ioFrequency\": 5.5,\n \"ioWidth\": 1600,\n \"ioHeight\": 325,\n \"ioFlipVertical\": true,\n \"ioFlipHorizontal\": true,\n \"ioLayers\": 2.5,\n \"ioColor1\": \"<string>\",\n \"ioOpacity1\": 55,\n \"ioColor2\": \"<string>\",\n \"ioOpacity2\": 55,\n \"ioColor3\": \"<string>\",\n \"ioOpacity3\": 55,\n \"ioColor4\": \"<string>\",\n \"ioOpacity4\": 55,\n \"ioBgColor\": \"<string>\",\n \"ioAnimate\": true\n}"
response = http.request(request)
puts response.read_body{
"tool": "<string>",
"tool_version": "<string>",
"outputs": {
"ioSvg": "<string>",
"ioCss": "<string>",
"ioHtml": "<string>"
},
"credits_used": 123,
"request_id": "<string>",
"credits_remaining": 123
}{
"type": "https://iotools.cloud/docs/errors/validation_error",
"title": "Invalid request",
"status": 400,
"code": "validation_error",
"detail": "One or more inputs are invalid — see `fields`.",
"request_id": "e4042b29-8f1e-4c7a-9b52-6f0d1a3c7e11"
}{
"type": "https://iotools.cloud/docs/errors/invalid_api_key",
"title": "Invalid API key",
"status": 401,
"code": "invalid_api_key",
"detail": "Provide 'Authorization: Bearer <key>'.",
"request_id": "e4042b29-8f1e-4c7a-9b52-6f0d1a3c7e11"
}{
"type": "https://iotools.cloud/docs/errors/insufficient_credits",
"title": "Insufficient credits",
"status": 402,
"code": "insufficient_credits",
"detail": "This call costs 1 credit and 0 remain in this month's allowance.",
"request_id": "e4042b29-8f1e-4c7a-9b52-6f0d1a3c7e11"
}{
"type": "https://iotools.cloud/docs/errors/tool_not_allowed",
"title": "Tool not available over the API",
"status": 403,
"code": "tool_not_allowed",
"detail": "\"Background Remover\" is available on iotools.cloud but has no API endpoint.",
"request_id": "e4042b29-8f1e-4c7a-9b52-6f0d1a3c7e11"
}{
"type": "https://iotools.cloud/docs/errors/tool_not_found",
"title": "Tool not found",
"status": 404,
"code": "tool_not_found",
"detail": "No tool with that slug. See GET /v1/tools.",
"request_id": "e4042b29-8f1e-4c7a-9b52-6f0d1a3c7e11"
}{
"type": "https://iotools.cloud/docs/errors/payload_too_large",
"title": "Payload too large",
"status": 413,
"code": "payload_too_large",
"detail": "Request body exceeds this tool's size limit.",
"request_id": "e4042b29-8f1e-4c7a-9b52-6f0d1a3c7e11"
}{
"type": "https://iotools.cloud/docs/errors/rate_limited",
"title": "Rate limit exceeded",
"status": 429,
"code": "rate_limited",
"detail": "Too many requests. Retry in 30s.",
"request_id": "e4042b29-8f1e-4c7a-9b52-6f0d1a3c7e11"
}{
"type": "https://iotools.cloud/docs/errors/processing_error",
"title": "Tool failed to run",
"status": 500,
"code": "processing_error",
"detail": "The tool failed to run. Please try again.",
"request_id": "e4042b29-8f1e-4c7a-9b52-6f0d1a3c7e11"
}{
"type": "https://iotools.cloud/docs/errors/tool_disabled",
"title": "Tool temporarily disabled",
"status": 503,
"code": "tool_disabled",
"detail": "This tool is temporarily unavailable. Try again shortly.",
"request_id": "e4042b29-8f1e-4c7a-9b52-6f0d1a3c7e11"
}SVG Wave Generator
Generate a decorative SVG wave — a section divider or hero background — from a chosen shape, amplitude, frequency, layers and colours. Copy the SVG, a CSS background-image snippet, or ready-to-paste HTML. Runs entirely in your browser.
curl --request POST \
--url https://api.iotools.cloud/v1/tool/svg-wave-generator \
--header 'Authorization: Bearer <token>' \
--header 'Content-Type: application/json' \
--data '
{
"ioAmplitude": 110,
"ioFrequency": 5.5,
"ioWidth": 1600,
"ioHeight": 325,
"ioFlipVertical": true,
"ioFlipHorizontal": true,
"ioLayers": 2.5,
"ioColor1": "<string>",
"ioOpacity1": 55,
"ioColor2": "<string>",
"ioOpacity2": 55,
"ioColor3": "<string>",
"ioOpacity3": 55,
"ioColor4": "<string>",
"ioOpacity4": 55,
"ioBgColor": "<string>",
"ioAnimate": true
}
'import requests
url = "https://api.iotools.cloud/v1/tool/svg-wave-generator"
payload = {
"ioAmplitude": 110,
"ioFrequency": 5.5,
"ioWidth": 1600,
"ioHeight": 325,
"ioFlipVertical": True,
"ioFlipHorizontal": True,
"ioLayers": 2.5,
"ioColor1": "<string>",
"ioOpacity1": 55,
"ioColor2": "<string>",
"ioOpacity2": 55,
"ioColor3": "<string>",
"ioOpacity3": 55,
"ioColor4": "<string>",
"ioOpacity4": 55,
"ioBgColor": "<string>",
"ioAnimate": True
}
headers = {
"Authorization": "Bearer <token>",
"Content-Type": "application/json"
}
response = requests.post(url, json=payload, headers=headers)
print(response.text)const options = {
method: 'POST',
headers: {Authorization: 'Bearer <token>', 'Content-Type': 'application/json'},
body: JSON.stringify({
ioAmplitude: 110,
ioFrequency: 5.5,
ioWidth: 1600,
ioHeight: 325,
ioFlipVertical: true,
ioFlipHorizontal: true,
ioLayers: 2.5,
ioColor1: '<string>',
ioOpacity1: 55,
ioColor2: '<string>',
ioOpacity2: 55,
ioColor3: '<string>',
ioOpacity3: 55,
ioColor4: '<string>',
ioOpacity4: 55,
ioBgColor: '<string>',
ioAnimate: true
})
};
fetch('https://api.iotools.cloud/v1/tool/svg-wave-generator', options)
.then(res => res.json())
.then(res => console.log(res))
.catch(err => console.error(err));<?php
$curl = curl_init();
curl_setopt_array($curl, [
CURLOPT_URL => "https://api.iotools.cloud/v1/tool/svg-wave-generator",
CURLOPT_RETURNTRANSFER => true,
CURLOPT_ENCODING => "",
CURLOPT_MAXREDIRS => 10,
CURLOPT_TIMEOUT => 30,
CURLOPT_HTTP_VERSION => CURL_HTTP_VERSION_1_1,
CURLOPT_CUSTOMREQUEST => "POST",
CURLOPT_POSTFIELDS => json_encode([
'ioAmplitude' => 110,
'ioFrequency' => 5.5,
'ioWidth' => 1600,
'ioHeight' => 325,
'ioFlipVertical' => true,
'ioFlipHorizontal' => true,
'ioLayers' => 2.5,
'ioColor1' => '<string>',
'ioOpacity1' => 55,
'ioColor2' => '<string>',
'ioOpacity2' => 55,
'ioColor3' => '<string>',
'ioOpacity3' => 55,
'ioColor4' => '<string>',
'ioOpacity4' => 55,
'ioBgColor' => '<string>',
'ioAnimate' => true
]),
CURLOPT_HTTPHEADER => [
"Authorization: Bearer <token>",
"Content-Type: application/json"
],
]);
$response = curl_exec($curl);
$err = curl_error($curl);
curl_close($curl);
if ($err) {
echo "cURL Error #:" . $err;
} else {
echo $response;
}package main
import (
"fmt"
"strings"
"net/http"
"io"
)
func main() {
url := "https://api.iotools.cloud/v1/tool/svg-wave-generator"
payload := strings.NewReader("{\n \"ioAmplitude\": 110,\n \"ioFrequency\": 5.5,\n \"ioWidth\": 1600,\n \"ioHeight\": 325,\n \"ioFlipVertical\": true,\n \"ioFlipHorizontal\": true,\n \"ioLayers\": 2.5,\n \"ioColor1\": \"<string>\",\n \"ioOpacity1\": 55,\n \"ioColor2\": \"<string>\",\n \"ioOpacity2\": 55,\n \"ioColor3\": \"<string>\",\n \"ioOpacity3\": 55,\n \"ioColor4\": \"<string>\",\n \"ioOpacity4\": 55,\n \"ioBgColor\": \"<string>\",\n \"ioAnimate\": true\n}")
req, _ := http.NewRequest("POST", url, payload)
req.Header.Add("Authorization", "Bearer <token>")
req.Header.Add("Content-Type", "application/json")
res, _ := http.DefaultClient.Do(req)
defer res.Body.Close()
body, _ := io.ReadAll(res.Body)
fmt.Println(string(body))
}HttpResponse<String> response = Unirest.post("https://api.iotools.cloud/v1/tool/svg-wave-generator")
.header("Authorization", "Bearer <token>")
.header("Content-Type", "application/json")
.body("{\n \"ioAmplitude\": 110,\n \"ioFrequency\": 5.5,\n \"ioWidth\": 1600,\n \"ioHeight\": 325,\n \"ioFlipVertical\": true,\n \"ioFlipHorizontal\": true,\n \"ioLayers\": 2.5,\n \"ioColor1\": \"<string>\",\n \"ioOpacity1\": 55,\n \"ioColor2\": \"<string>\",\n \"ioOpacity2\": 55,\n \"ioColor3\": \"<string>\",\n \"ioOpacity3\": 55,\n \"ioColor4\": \"<string>\",\n \"ioOpacity4\": 55,\n \"ioBgColor\": \"<string>\",\n \"ioAnimate\": true\n}")
.asString();require 'uri'
require 'net/http'
url = URI("https://api.iotools.cloud/v1/tool/svg-wave-generator")
http = Net::HTTP.new(url.host, url.port)
http.use_ssl = true
request = Net::HTTP::Post.new(url)
request["Authorization"] = 'Bearer <token>'
request["Content-Type"] = 'application/json'
request.body = "{\n \"ioAmplitude\": 110,\n \"ioFrequency\": 5.5,\n \"ioWidth\": 1600,\n \"ioHeight\": 325,\n \"ioFlipVertical\": true,\n \"ioFlipHorizontal\": true,\n \"ioLayers\": 2.5,\n \"ioColor1\": \"<string>\",\n \"ioOpacity1\": 55,\n \"ioColor2\": \"<string>\",\n \"ioOpacity2\": 55,\n \"ioColor3\": \"<string>\",\n \"ioOpacity3\": 55,\n \"ioColor4\": \"<string>\",\n \"ioOpacity4\": 55,\n \"ioBgColor\": \"<string>\",\n \"ioAnimate\": true\n}"
response = http.request(request)
puts response.read_body{
"tool": "<string>",
"tool_version": "<string>",
"outputs": {
"ioSvg": "<string>",
"ioCss": "<string>",
"ioHtml": "<string>"
},
"credits_used": 123,
"request_id": "<string>",
"credits_remaining": 123
}{
"type": "https://iotools.cloud/docs/errors/validation_error",
"title": "Invalid request",
"status": 400,
"code": "validation_error",
"detail": "One or more inputs are invalid — see `fields`.",
"request_id": "e4042b29-8f1e-4c7a-9b52-6f0d1a3c7e11"
}{
"type": "https://iotools.cloud/docs/errors/invalid_api_key",
"title": "Invalid API key",
"status": 401,
"code": "invalid_api_key",
"detail": "Provide 'Authorization: Bearer <key>'.",
"request_id": "e4042b29-8f1e-4c7a-9b52-6f0d1a3c7e11"
}{
"type": "https://iotools.cloud/docs/errors/insufficient_credits",
"title": "Insufficient credits",
"status": 402,
"code": "insufficient_credits",
"detail": "This call costs 1 credit and 0 remain in this month's allowance.",
"request_id": "e4042b29-8f1e-4c7a-9b52-6f0d1a3c7e11"
}{
"type": "https://iotools.cloud/docs/errors/tool_not_allowed",
"title": "Tool not available over the API",
"status": 403,
"code": "tool_not_allowed",
"detail": "\"Background Remover\" is available on iotools.cloud but has no API endpoint.",
"request_id": "e4042b29-8f1e-4c7a-9b52-6f0d1a3c7e11"
}{
"type": "https://iotools.cloud/docs/errors/tool_not_found",
"title": "Tool not found",
"status": 404,
"code": "tool_not_found",
"detail": "No tool with that slug. See GET /v1/tools.",
"request_id": "e4042b29-8f1e-4c7a-9b52-6f0d1a3c7e11"
}{
"type": "https://iotools.cloud/docs/errors/payload_too_large",
"title": "Payload too large",
"status": 413,
"code": "payload_too_large",
"detail": "Request body exceeds this tool's size limit.",
"request_id": "e4042b29-8f1e-4c7a-9b52-6f0d1a3c7e11"
}{
"type": "https://iotools.cloud/docs/errors/rate_limited",
"title": "Rate limit exceeded",
"status": 429,
"code": "rate_limited",
"detail": "Too many requests. Retry in 30s.",
"request_id": "e4042b29-8f1e-4c7a-9b52-6f0d1a3c7e11"
}{
"type": "https://iotools.cloud/docs/errors/processing_error",
"title": "Tool failed to run",
"status": 500,
"code": "processing_error",
"detail": "The tool failed to run. Please try again.",
"request_id": "e4042b29-8f1e-4c7a-9b52-6f0d1a3c7e11"
}{
"type": "https://iotools.cloud/docs/errors/tool_disabled",
"title": "Tool temporarily disabled",
"status": 503,
"code": "tool_disabled",
"detail": "This tool is temporarily unavailable. Try again shortly.",
"request_id": "e4042b29-8f1e-4c7a-9b52-6f0d1a3c7e11"
}Authorizations
Bearer authentication header of the form Bearer <token>, where <token> is your auth token.
Body
Wave style
sine, layered, zigzag, hills, asymmetric, blob Amplitude
20 <= x <= 200Frequency
1 <= x <= 10Width
200 <= x <= 3000Height
50 <= x <= 600Flip vertical
Flip horizontal
Number of layers
1 <= x <= 4Layer 1 colour
Layer 1 opacity
10 <= x <= 100Layer 2 colour
Layer 2 opacity
10 <= x <= 100Layer 3 colour
Layer 3 opacity
10 <= x <= 100Layer 4 colour
Layer 4 opacity
10 <= x <= 100Background colour
Animate waves
Speed
slow, medium, fast Response
Tool output
Output-contract version for this tool. Currently "1" for all tools.
Show child attributes
Show child attributes
Credits this call consumed, after any settlement refund. 0 when metering is disabled.
Credits left in the current monthly allowance, or null when metering is disabled.
Was this page helpful?