curl --request POST \
--url https://api.iotools.cloud/v1/tool/svg-filter-effects-generator \
--header 'Authorization: Bearer <token>' \
--header 'Content-Type: application/json' \
--data '
{
"ioFilterId": "<string>",
"ioBlurStdDev": 15,
"ioHueRotateAngle": 180,
"ioSaturateValue": 1.5,
"ioTurbBaseFrequency": 0.2525,
"ioTurbOctaves": 5.5,
"ioTurbScale": 100,
"ioShadowDx": 0,
"ioShadowDy": 0,
"ioShadowBlur": 25,
"ioShadowColor": "<string>",
"ioShadowOpacity": 0.5,
"ioImage": "<string>"
}
'import requests
url = "https://api.iotools.cloud/v1/tool/svg-filter-effects-generator"
payload = {
"ioFilterId": "<string>",
"ioBlurStdDev": 15,
"ioHueRotateAngle": 180,
"ioSaturateValue": 1.5,
"ioTurbBaseFrequency": 0.2525,
"ioTurbOctaves": 5.5,
"ioTurbScale": 100,
"ioShadowDx": 0,
"ioShadowDy": 0,
"ioShadowBlur": 25,
"ioShadowColor": "<string>",
"ioShadowOpacity": 0.5,
"ioImage": "<string>"
}
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({
ioFilterId: '<string>',
ioBlurStdDev: 15,
ioHueRotateAngle: 180,
ioSaturateValue: 1.5,
ioTurbBaseFrequency: 0.2525,
ioTurbOctaves: 5.5,
ioTurbScale: 100,
ioShadowDx: 0,
ioShadowDy: 0,
ioShadowBlur: 25,
ioShadowColor: '<string>',
ioShadowOpacity: 0.5,
ioImage: '<string>'
})
};
fetch('https://api.iotools.cloud/v1/tool/svg-filter-effects-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-filter-effects-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([
'ioFilterId' => '<string>',
'ioBlurStdDev' => 15,
'ioHueRotateAngle' => 180,
'ioSaturateValue' => 1.5,
'ioTurbBaseFrequency' => 0.2525,
'ioTurbOctaves' => 5.5,
'ioTurbScale' => 100,
'ioShadowDx' => 0,
'ioShadowDy' => 0,
'ioShadowBlur' => 25,
'ioShadowColor' => '<string>',
'ioShadowOpacity' => 0.5,
'ioImage' => '<string>'
]),
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-filter-effects-generator"
payload := strings.NewReader("{\n \"ioFilterId\": \"<string>\",\n \"ioBlurStdDev\": 15,\n \"ioHueRotateAngle\": 180,\n \"ioSaturateValue\": 1.5,\n \"ioTurbBaseFrequency\": 0.2525,\n \"ioTurbOctaves\": 5.5,\n \"ioTurbScale\": 100,\n \"ioShadowDx\": 0,\n \"ioShadowDy\": 0,\n \"ioShadowBlur\": 25,\n \"ioShadowColor\": \"<string>\",\n \"ioShadowOpacity\": 0.5,\n \"ioImage\": \"<string>\"\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-filter-effects-generator")
.header("Authorization", "Bearer <token>")
.header("Content-Type", "application/json")
.body("{\n \"ioFilterId\": \"<string>\",\n \"ioBlurStdDev\": 15,\n \"ioHueRotateAngle\": 180,\n \"ioSaturateValue\": 1.5,\n \"ioTurbBaseFrequency\": 0.2525,\n \"ioTurbOctaves\": 5.5,\n \"ioTurbScale\": 100,\n \"ioShadowDx\": 0,\n \"ioShadowDy\": 0,\n \"ioShadowBlur\": 25,\n \"ioShadowColor\": \"<string>\",\n \"ioShadowOpacity\": 0.5,\n \"ioImage\": \"<string>\"\n}")
.asString();require 'uri'
require 'net/http'
url = URI("https://api.iotools.cloud/v1/tool/svg-filter-effects-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 \"ioFilterId\": \"<string>\",\n \"ioBlurStdDev\": 15,\n \"ioHueRotateAngle\": 180,\n \"ioSaturateValue\": 1.5,\n \"ioTurbBaseFrequency\": 0.2525,\n \"ioTurbOctaves\": 5.5,\n \"ioTurbScale\": 100,\n \"ioShadowDx\": 0,\n \"ioShadowDy\": 0,\n \"ioShadowBlur\": 25,\n \"ioShadowColor\": \"<string>\",\n \"ioShadowOpacity\": 0.5,\n \"ioImage\": \"<string>\"\n}"
response = http.request(request)
puts response.read_body{
"tool": "<string>",
"tool_version": "<string>",
"outputs": {
"ioSvg": "<string>",
"ioFilterCode": "<string>",
"ioCssCode": "<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 Filter Effects Generator
Visually build an SVG <filter> — blur, hue rotate, saturate, drop shadow, turbulence, emboss and more — with a live preview on text, shapes or your own image, and copy the ready-to-use SVG and CSS. Runs entirely in your browser.
curl --request POST \
--url https://api.iotools.cloud/v1/tool/svg-filter-effects-generator \
--header 'Authorization: Bearer <token>' \
--header 'Content-Type: application/json' \
--data '
{
"ioFilterId": "<string>",
"ioBlurStdDev": 15,
"ioHueRotateAngle": 180,
"ioSaturateValue": 1.5,
"ioTurbBaseFrequency": 0.2525,
"ioTurbOctaves": 5.5,
"ioTurbScale": 100,
"ioShadowDx": 0,
"ioShadowDy": 0,
"ioShadowBlur": 25,
"ioShadowColor": "<string>",
"ioShadowOpacity": 0.5,
"ioImage": "<string>"
}
'import requests
url = "https://api.iotools.cloud/v1/tool/svg-filter-effects-generator"
payload = {
"ioFilterId": "<string>",
"ioBlurStdDev": 15,
"ioHueRotateAngle": 180,
"ioSaturateValue": 1.5,
"ioTurbBaseFrequency": 0.2525,
"ioTurbOctaves": 5.5,
"ioTurbScale": 100,
"ioShadowDx": 0,
"ioShadowDy": 0,
"ioShadowBlur": 25,
"ioShadowColor": "<string>",
"ioShadowOpacity": 0.5,
"ioImage": "<string>"
}
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({
ioFilterId: '<string>',
ioBlurStdDev: 15,
ioHueRotateAngle: 180,
ioSaturateValue: 1.5,
ioTurbBaseFrequency: 0.2525,
ioTurbOctaves: 5.5,
ioTurbScale: 100,
ioShadowDx: 0,
ioShadowDy: 0,
ioShadowBlur: 25,
ioShadowColor: '<string>',
ioShadowOpacity: 0.5,
ioImage: '<string>'
})
};
fetch('https://api.iotools.cloud/v1/tool/svg-filter-effects-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-filter-effects-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([
'ioFilterId' => '<string>',
'ioBlurStdDev' => 15,
'ioHueRotateAngle' => 180,
'ioSaturateValue' => 1.5,
'ioTurbBaseFrequency' => 0.2525,
'ioTurbOctaves' => 5.5,
'ioTurbScale' => 100,
'ioShadowDx' => 0,
'ioShadowDy' => 0,
'ioShadowBlur' => 25,
'ioShadowColor' => '<string>',
'ioShadowOpacity' => 0.5,
'ioImage' => '<string>'
]),
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-filter-effects-generator"
payload := strings.NewReader("{\n \"ioFilterId\": \"<string>\",\n \"ioBlurStdDev\": 15,\n \"ioHueRotateAngle\": 180,\n \"ioSaturateValue\": 1.5,\n \"ioTurbBaseFrequency\": 0.2525,\n \"ioTurbOctaves\": 5.5,\n \"ioTurbScale\": 100,\n \"ioShadowDx\": 0,\n \"ioShadowDy\": 0,\n \"ioShadowBlur\": 25,\n \"ioShadowColor\": \"<string>\",\n \"ioShadowOpacity\": 0.5,\n \"ioImage\": \"<string>\"\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-filter-effects-generator")
.header("Authorization", "Bearer <token>")
.header("Content-Type", "application/json")
.body("{\n \"ioFilterId\": \"<string>\",\n \"ioBlurStdDev\": 15,\n \"ioHueRotateAngle\": 180,\n \"ioSaturateValue\": 1.5,\n \"ioTurbBaseFrequency\": 0.2525,\n \"ioTurbOctaves\": 5.5,\n \"ioTurbScale\": 100,\n \"ioShadowDx\": 0,\n \"ioShadowDy\": 0,\n \"ioShadowBlur\": 25,\n \"ioShadowColor\": \"<string>\",\n \"ioShadowOpacity\": 0.5,\n \"ioImage\": \"<string>\"\n}")
.asString();require 'uri'
require 'net/http'
url = URI("https://api.iotools.cloud/v1/tool/svg-filter-effects-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 \"ioFilterId\": \"<string>\",\n \"ioBlurStdDev\": 15,\n \"ioHueRotateAngle\": 180,\n \"ioSaturateValue\": 1.5,\n \"ioTurbBaseFrequency\": 0.2525,\n \"ioTurbOctaves\": 5.5,\n \"ioTurbScale\": 100,\n \"ioShadowDx\": 0,\n \"ioShadowDy\": 0,\n \"ioShadowBlur\": 25,\n \"ioShadowColor\": \"<string>\",\n \"ioShadowOpacity\": 0.5,\n \"ioImage\": \"<string>\"\n}"
response = http.request(request)
puts response.read_body{
"tool": "<string>",
"tool_version": "<string>",
"outputs": {
"ioSvg": "<string>",
"ioFilterCode": "<string>",
"ioCssCode": "<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
Filter
blur, hueRotate, saturate, luminanceToAlpha, turbulence, dropShadow, emboss Filter ID
Blur amount (stdDeviation, px)
0 <= x <= 30Angle (deg)
0 <= x <= 360Amount (0 = grayscale, 1 = original)
0 <= x <= 3Noise type
turbulence, fractalNoise Base frequency
0.005 <= x <= 0.5Octaves
1 <= x <= 10Displacement scale
0 <= x <= 200Offset X (px)
-50 <= x <= 50Offset Y (px)
-50 <= x <= 50Blur radius (px)
0 <= x <= 50Shadow color
Shadow opacity
0 <= x <= 1Kernel
emboss, engrave, sharpen, edge Preview on
text, shapes, image Image
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?