curl --request POST \
--url https://api.iotools.cloud/v1/tool/svg-wave-generator \
--header 'Authorization: Bearer <token>' \
--header 'Content-Type: application/json' \
--data '
{
"waveStyle": "sine",
"amplitude": "60",
"frequency": "3",
"width": "1200",
"height": "200",
"layers": "1",
"color1": "#464aff",
"opacity1": "100",
"bgColor": "#f5f5f5"
}
'
{
"tool": "svg-wave-generator",
"tool_version": "1.0.2",
"outputs": {
"svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 1200 200\" width=\"1200\" height=\"200\" preserveAspectRatio=\"none\">\n <rect width=\"1200\" height=\"200\" fill=\"#f5f5f5\"/>\n <g>\n <path d=\"M 0 200 L 0 80 C 3.33 83.09, 13.33 92.66, 20 98.54 C 26.67 104.42, 33.33 110.27, 40 115.27 C 46.67 120.27, 53.33 124.91, 60 128.54 C 66.67 132.17, 73.33 135.15, 80 137.06 C 86.67 138.97, 93.33 140, 100 140 C 106.67 140, 113.33 138.97, 120 137.06 C 126.67 135.15, 133.33 132.17, 140 128.54 C 146.67 124.91, 153.33 120.27, 160 115.27 C 166.67 110.27, 173.33 104.42, 180 98.54 C 186.67 92.66, 193.33 86.18, 200 80 C 206.67 73.82, 213.33 67.34, 220 61.46 C 226.67 55.58, 233.33 49.73, 240 44.73 C 246.67 39.73, 253.33 35.09, 260 31.46 C 266.67 27.83, 273.33 24.85, 280 22.94 C 286.67 21.03, 293.33 20, 300 20 C 306.67 20, 313.33 21.03, 320 22.94 C 326.67 24.85, 333.33 27.83, 340 31.46 C 346.67 35.09, 353.33 39.73, 360 44.73 C 366.67 49.73, 373.33 55.58, 380 61.46 C 386.67 67.34, 393.33 73.82, 400 80 C 406.67 86.18, 413.33 92.66, 420 98.54 C 426.67 104.42, 433.33 110.27, 440 115.27 C 446.67 120.27, 453.33 124.91, 460 128.54 C 466.67 132.17, 473.33 135.15, 480 137.06 C 486.67 138.97, 493.33 140, 500 140 C 506.67 140, 513.33 138.97, 520 137.06 C 526.67 135.15, 533.33 132.17, 540 128.54 C 546.67 124.91, 553.33 120.27, 560 115.27 C 566.67 110.27, 573.33 104.42, 580 98.54 C 586.67 92.66, 593.33 86.18, 600 80 C 606.67 73.82, 613.33 67.34, 620 61.46 C 626.67 55.58, 633.33 49.73, 640 44.73 C 646.67 39.73, 653.33 35.09, 660 31.46 C 666.67 27.83, 673.33 24.85, 680 22.94 C 686.67 21.03, 693.33 20, 700 20 C 706.67 20, 713.33 21.03, 720 22.94 C 726.67 24.85, 733.33 27.83, 740 31.46 C 746.67 35.09, 753.33 39.73, 760 44.73 C 766.67 49.73, 773.33 55.58, 780 61.46 C 786.67 67.34, 793.33 73.82, 800 80 C 806.67 86.18, 813.33 92.66, 820 98.54 C 826.67 104.42, 833.33 110.27, 840 115.27 C 846.67 120.27, 853.33 124.91, 860 128.54 C 866.67 132.17, 873.33 135.15, 880 137.06 C 886.67 138.97, 893.33 140, 900 140 C 906.67 140, 913.33 138.97, 920 137.06 C 926.67 135.15, 933.33 132.17, 940 128.54 C 946.67 124.91, 953.33 120.27, 960 115.27 C 966.67 110.27, 973.33 104.42, 980 98.54 C 986.67 92.66, 993.33 86.18, 1000 80 C 1006.67 73.82, 1013.33 67.34, 1020 61.46 C 1026.67 55.58, 1033.33 49.73, 1040 44.73 C 1046.67 39.73, 1053.33 35.09, 1060 31.46 C 1066.67 27.83, 1073.33 24.85, 1080 22.94 C 1086.67 21.03, 1093.33 20, 1100 20 C 1106.67 20, 1113.33 21.03, 1120 22.94 C 1126.67 24.85, 1133.33 27.83, 1140 31.46 C 1146.67 35.09, 1153.33 39.73, 1160 44.73 C 1166.67 49.73, 1173.33 55.58, 1180 61.46 C 1186.67 67.34, 1196.67 76.91, 1200 80 L 1200 200 Z\" fill=\"#464aff\"/>\n </g>\n</svg>",
"css": ".wave-divider {\n background-image: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201200%20200%22%20width%3D%221200%22%20height%3D%22200%22%20preserveAspectRatio%3D%22none%22%3E%0A%20%20%3Crect%20width%3D%221200%22%20height%3D%22200%22%20fill%3D%22%23f5f5f5%22%2F%3E%0A%20%20%3Cg%3E%0A%20%20%3Cpath%20d%3D%22M%200%20200%20L%200%2080%20C%203.33%2083.09%2C%2013.33%2092.66%2C%2020%2098.54%20C%2026.67%20104.42%2C%2033.33%20110.27%2C%2040%20115.27%20C%2046.67%20120.27%2C%2053.33%20124.91%2C%2060%20128.54%20C%2066.67%20132.17%2C%2073.33%20135.15%2C%2080%20137.06%20C%2086.67%20138.97%2C%2093.33%20140%2C%20100%20140%20C%20106.67%20140%2C%20113.33%20138.97%2C%20120%20137.06%20C%20126.67%20135.15%2C%20133.33%20132.17%2C%20140%20128.54%20C%20146.67%20124.91%2C%20153.33%20120.27%2C%20160%20115.27%20C%20166.67%20110.27%2C%20173.33%20104.42%2C%20180%2098.54%20C%20186.67%2092.66%2C%20193.33%2086.18%2C%20200%2080%20C%20206.67%2073.82%2C%20213.33%2067.34%2C%20220%2061.46%20C%20226.67%2055.58%2C%20233.33%2049.73%2C%20240%2044.73%20C%20246.67%2039.73%2C%20253.33%2035.09%2C%20260%2031.46%20C%20266.67%2027.83%2C%20273.33%2024.85%2C%20280%2022.94%20C%20286.67%2021.03%2C%20293.33%2020%2C%20300%2020%20C%20306.67%2020%2C%20313.33%2021.03%2C%20320%2022.94%20C%20326.67%2024.85%2C%20333.33%2027.83%2C%20340%2031.46%20C%20346.67%2035.09%2C%20353.33%2039.73%2C%20360%2044.73%20C%20366.67%2049.73%2C%20373.33%2055.58%2C%20380%2061.46%20C%20386.67%2067.34%2C%20393.33%2073.82%2C%20400%2080%20C%20406.67%2086.18%2C%20413.33%2092.66%2C%20420%2098.54%20C%20426.67%20104.42%2C%20433.33%20110.27%2C%20440%20115.27%20C%20446.67%20120.27%2C%20453.33%20124.91%2C%20460%20128.54%20C%20466.67%20132.17%2C%20473.33%20135.15%2C%20480%20137.06%20C%20486.67%20138.97%2C%20493.33%20140%2C%20500%20140%20C%20506.67%20140%2C%20513.33%20138.97%2C%20520%20137.06%20C%20526.67%20135.15%2C%20533.33%20132.17%2C%20540%20128.54%20C%20546.67%20124.91%2C%20553.33%20120.27%2C%20560%20115.27%20C%20566.67%20110.27%2C%20573.33%20104.42%2C%20580%2098.54%20C%20586.67%2092.66%2C%20593.33%2086.18%2C%20600%2080%20C%20606.67%2073.82%2C%20613.33%2067.34%2C%20620%2061.46%20C%20626.67%2055.58%2C%20633.33%2049.73%2C%20640%2044.73%20C%20646.67%2039.73%2C%20653.33%2035.09%2C%20660%2031.46%20C%20666.67%2027.83%2C%20673.33%2024.85%2C%20680%2022.94%20C%20686.67%2021.03%2C%20693.33%2020%2C%20700%2020%20C%20706.67%2020%2C%20713.33%2021.03%2C%20720%2022.94%20C%20726.67%2024.85%2C%20733.33%2027.83%2C%20740%2031.46%20C%20746.67%2035.09%2C%20753.33%2039.73%2C%20760%2044.73%20C%20766.67%2049.73%2C%20773.33%2055.58%2C%20780%2061.46%20C%20786.67%2067.34%2C%20793.33%2073.82%2C%20800%2080%20C%20806.67%2086.18%2C%20813.33%2092.66%2C%20820%2098.54%20C%20826.67%20104.42%2C%20833.33%20110.27%2C%20840%20115.27%20C%20846.67%20120.27%2C%20853.33%20124.91%2C%20860%20128.54%20C%20866.67%20132.17%2C%20873.33%20135.15%2C%20880%20137.06%20C%20886.67%20138.97%2C%20893.33%20140%2C%20900%20140%20C%20906.67%20140%2C%20913.33%20138.97%2C%20920%20137.06%20C%20926.67%20135.15%2C%20933.33%20132.17%2C%20940%20128.54%20C%20946.67%20124.91%2C%20953.33%20120.27%2C%20960%20115.27%20C%20966.67%20110.27%2C%20973.33%20104.42%2C%20980%2098.54%20C%20986.67%2092.66%2C%20993.33%2086.18%2C%201000%2080%20C%201006.67%2073.82%2C%201013.33%2067.34%2C%201020%2061.46%20C%201026.67%2055.58%2C%201033.33%2049.73%2C%201040%2044.73%20C%201046.67%2039.73%2C%201053.33%2035.09%2C%201060%2031.46%20C%201066.67%2027.83%2C%201073.33%2024.85%2C%201080%2022.94%20C%201086.67%2021.03%2C%201093.33%2020%2C%201100%2020%20C%201106.67%2020%2C%201113.33%2021.03%2C%201120%2022.94%20C%201126.67%2024.85%2C%201133.33%2027.83%2C%201140%2031.46%20C%201146.67%2035.09%2C%201153.33%2039.73%2C%201160%2044.73%20C%201166.67%2049.73%2C%201173.33%2055.58%2C%201180%2061.46%20C%201186.67%2067.34%2C%201196.67%2076.91%2C%201200%2080%20L%201200%20200%20Z%22%20fill%3D%22%23464aff%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E\");\n background-repeat: no-repeat;\n background-position: bottom center;\n background-size: 100% auto;\n}",
"html": "<div class=\"wave-divider\" style=\"line-height:0\">\n<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 1200 200\" width=\"1200\" height=\"200\" preserveAspectRatio=\"none\">\n <rect width=\"1200\" height=\"200\" fill=\"#f5f5f5\"/>\n <g>\n <path d=\"M 0 200 L 0 80 C 3.33 83.09, 13.33 92.66, 20 98.54 C 26.67 104.42, 33.33 110.27, 40 115.27 C 46.67 120.27, 53.33 124.91, 60 128.54 C 66.67 132.17, 73.33 135.15, 80 137.06 C 86.67 138.97, 93.33 140, 100 140 C 106.67 140, 113.33 138.97, 120 137.06 C 126.67 135.15, 133.33 132.17, 140 128.54 C 146.67 124.91, 153.33 120.27, 160 115.27 C 166.67 110.27, 173.33 104.42, 180 98.54 C 186.67 92.66, 193.33 86.18, 200 80 C 206.67 73.82, 213.33 67.34, 220 61.46 C 226.67 55.58, 233.33 49.73, 240 44.73 C 246.67 39.73, 253.33 35.09, 260 31.46 C 266.67 27.83, 273.33 24.85, 280 22.94 C 286.67 21.03, 293.33 20, 300 20 C 306.67 20, 313.33 21.03, 320 22.94 C 326.67 24.85, 333.33 27.83, 340 31.46 C 346.67 35.09, 353.33 39.73, 360 44.73 C 366.67 49.73, 373.33 55.58, 380 61.46 C 386.67 67.34, 393.33 73.82, 400 80 C 406.67 86.18, 413.33 92.66, 420 98.54 C 426.67 104.42, 433.33 110.27, 440 115.27 C 446.67 120.27, 453.33 124.91, 460 128.54 C 466.67 132.17, 473.33 135.15, 480 137.06 C 486.67 138.97, 493.33 140, 500 140 C 506.67 140, 513.33 138.97, 520 137.06 C 526.67 135.15, 533.33 132.17, 540 128.54 C 546.67 124.91, 553.33 120.27, 560 115.27 C 566.67 110.27, 573.33 104.42, 580 98.54 C 586.67 92.66, 593.33 86.18, 600 80 C 606.67 73.82, 613.33 67.34, 620 61.46 C 626.67 55.58, 633.33 49.73, 640 44.73 C 646.67 39.73, 653.33 35.09, 660 31.46 C 666.67 27.83, 673.33 24.85, 680 22.94 C 686.67 21.03, 693.33 20, 700 20 C 706.67 20, 713.33 21.03, 720 22.94 C 726.67 24.85, 733.33 27.83, 740 31.46 C 746.67 35.09, 753.33 39.73, 760 44.73 C 766.67 49.73, 773.33 55.58, 780 61.46 C 786.67 67.34, 793.33 73.82, 800 80 C 806.67 86.18, 813.33 92.66, 820 98.54 C 826.67 104.42, 833.33 110.27, 840 115.27 C 846.67 120.27, 853.33 124.91, 860 128.54 C 866.67 132.17, 873.33 135.15, 880 137.06 C 886.67 138.97, 893.33 140, 900 140 C 906.67 140, 913.33 138.97, 920 137.06 C 926.67 135.15, 933.33 132.17, 940 128.54 C 946.67 124.91, 953.33 120.27, 960 115.27 C 966.67 110.27, 973.33 104.42, 980 98.54 C 986.67 92.66, 993.33 86.18, 1000 80 C 1006.67 73.82, 1013.33 67.34, 1020 61.46 C 1026.67 55.58, 1033.33 49.73, 1040 44.73 C 1046.67 39.73, 1053.33 35.09, 1060 31.46 C 1066.67 27.83, 1073.33 24.85, 1080 22.94 C 1086.67 21.03, 1093.33 20, 1100 20 C 1106.67 20, 1113.33 21.03, 1120 22.94 C 1126.67 24.85, 1133.33 27.83, 1140 31.46 C 1146.67 35.09, 1153.33 39.73, 1160 44.73 C 1166.67 49.73, 1173.33 55.58, 1180 61.46 C 1186.67 67.34, 1196.67 76.91, 1200 80 L 1200 200 Z\" fill=\"#464aff\"/>\n </g>\n</svg>\n</div>"
},
"credits_used": 5,
"credits_remaining": null
}
Generators
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.
POST
/
v1
/
tool
/
svg-wave-generator
curl --request POST \
--url https://api.iotools.cloud/v1/tool/svg-wave-generator \
--header 'Authorization: Bearer <token>' \
--header 'Content-Type: application/json' \
--data '
{
"waveStyle": "sine",
"amplitude": "60",
"frequency": "3",
"width": "1200",
"height": "200",
"layers": "1",
"color1": "#464aff",
"opacity1": "100",
"bgColor": "#f5f5f5"
}
'
{
"tool": "svg-wave-generator",
"tool_version": "1.0.2",
"outputs": {
"svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 1200 200\" width=\"1200\" height=\"200\" preserveAspectRatio=\"none\">\n <rect width=\"1200\" height=\"200\" fill=\"#f5f5f5\"/>\n <g>\n <path d=\"M 0 200 L 0 80 C 3.33 83.09, 13.33 92.66, 20 98.54 C 26.67 104.42, 33.33 110.27, 40 115.27 C 46.67 120.27, 53.33 124.91, 60 128.54 C 66.67 132.17, 73.33 135.15, 80 137.06 C 86.67 138.97, 93.33 140, 100 140 C 106.67 140, 113.33 138.97, 120 137.06 C 126.67 135.15, 133.33 132.17, 140 128.54 C 146.67 124.91, 153.33 120.27, 160 115.27 C 166.67 110.27, 173.33 104.42, 180 98.54 C 186.67 92.66, 193.33 86.18, 200 80 C 206.67 73.82, 213.33 67.34, 220 61.46 C 226.67 55.58, 233.33 49.73, 240 44.73 C 246.67 39.73, 253.33 35.09, 260 31.46 C 266.67 27.83, 273.33 24.85, 280 22.94 C 286.67 21.03, 293.33 20, 300 20 C 306.67 20, 313.33 21.03, 320 22.94 C 326.67 24.85, 333.33 27.83, 340 31.46 C 346.67 35.09, 353.33 39.73, 360 44.73 C 366.67 49.73, 373.33 55.58, 380 61.46 C 386.67 67.34, 393.33 73.82, 400 80 C 406.67 86.18, 413.33 92.66, 420 98.54 C 426.67 104.42, 433.33 110.27, 440 115.27 C 446.67 120.27, 453.33 124.91, 460 128.54 C 466.67 132.17, 473.33 135.15, 480 137.06 C 486.67 138.97, 493.33 140, 500 140 C 506.67 140, 513.33 138.97, 520 137.06 C 526.67 135.15, 533.33 132.17, 540 128.54 C 546.67 124.91, 553.33 120.27, 560 115.27 C 566.67 110.27, 573.33 104.42, 580 98.54 C 586.67 92.66, 593.33 86.18, 600 80 C 606.67 73.82, 613.33 67.34, 620 61.46 C 626.67 55.58, 633.33 49.73, 640 44.73 C 646.67 39.73, 653.33 35.09, 660 31.46 C 666.67 27.83, 673.33 24.85, 680 22.94 C 686.67 21.03, 693.33 20, 700 20 C 706.67 20, 713.33 21.03, 720 22.94 C 726.67 24.85, 733.33 27.83, 740 31.46 C 746.67 35.09, 753.33 39.73, 760 44.73 C 766.67 49.73, 773.33 55.58, 780 61.46 C 786.67 67.34, 793.33 73.82, 800 80 C 806.67 86.18, 813.33 92.66, 820 98.54 C 826.67 104.42, 833.33 110.27, 840 115.27 C 846.67 120.27, 853.33 124.91, 860 128.54 C 866.67 132.17, 873.33 135.15, 880 137.06 C 886.67 138.97, 893.33 140, 900 140 C 906.67 140, 913.33 138.97, 920 137.06 C 926.67 135.15, 933.33 132.17, 940 128.54 C 946.67 124.91, 953.33 120.27, 960 115.27 C 966.67 110.27, 973.33 104.42, 980 98.54 C 986.67 92.66, 993.33 86.18, 1000 80 C 1006.67 73.82, 1013.33 67.34, 1020 61.46 C 1026.67 55.58, 1033.33 49.73, 1040 44.73 C 1046.67 39.73, 1053.33 35.09, 1060 31.46 C 1066.67 27.83, 1073.33 24.85, 1080 22.94 C 1086.67 21.03, 1093.33 20, 1100 20 C 1106.67 20, 1113.33 21.03, 1120 22.94 C 1126.67 24.85, 1133.33 27.83, 1140 31.46 C 1146.67 35.09, 1153.33 39.73, 1160 44.73 C 1166.67 49.73, 1173.33 55.58, 1180 61.46 C 1186.67 67.34, 1196.67 76.91, 1200 80 L 1200 200 Z\" fill=\"#464aff\"/>\n </g>\n</svg>",
"css": ".wave-divider {\n background-image: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201200%20200%22%20width%3D%221200%22%20height%3D%22200%22%20preserveAspectRatio%3D%22none%22%3E%0A%20%20%3Crect%20width%3D%221200%22%20height%3D%22200%22%20fill%3D%22%23f5f5f5%22%2F%3E%0A%20%20%3Cg%3E%0A%20%20%3Cpath%20d%3D%22M%200%20200%20L%200%2080%20C%203.33%2083.09%2C%2013.33%2092.66%2C%2020%2098.54%20C%2026.67%20104.42%2C%2033.33%20110.27%2C%2040%20115.27%20C%2046.67%20120.27%2C%2053.33%20124.91%2C%2060%20128.54%20C%2066.67%20132.17%2C%2073.33%20135.15%2C%2080%20137.06%20C%2086.67%20138.97%2C%2093.33%20140%2C%20100%20140%20C%20106.67%20140%2C%20113.33%20138.97%2C%20120%20137.06%20C%20126.67%20135.15%2C%20133.33%20132.17%2C%20140%20128.54%20C%20146.67%20124.91%2C%20153.33%20120.27%2C%20160%20115.27%20C%20166.67%20110.27%2C%20173.33%20104.42%2C%20180%2098.54%20C%20186.67%2092.66%2C%20193.33%2086.18%2C%20200%2080%20C%20206.67%2073.82%2C%20213.33%2067.34%2C%20220%2061.46%20C%20226.67%2055.58%2C%20233.33%2049.73%2C%20240%2044.73%20C%20246.67%2039.73%2C%20253.33%2035.09%2C%20260%2031.46%20C%20266.67%2027.83%2C%20273.33%2024.85%2C%20280%2022.94%20C%20286.67%2021.03%2C%20293.33%2020%2C%20300%2020%20C%20306.67%2020%2C%20313.33%2021.03%2C%20320%2022.94%20C%20326.67%2024.85%2C%20333.33%2027.83%2C%20340%2031.46%20C%20346.67%2035.09%2C%20353.33%2039.73%2C%20360%2044.73%20C%20366.67%2049.73%2C%20373.33%2055.58%2C%20380%2061.46%20C%20386.67%2067.34%2C%20393.33%2073.82%2C%20400%2080%20C%20406.67%2086.18%2C%20413.33%2092.66%2C%20420%2098.54%20C%20426.67%20104.42%2C%20433.33%20110.27%2C%20440%20115.27%20C%20446.67%20120.27%2C%20453.33%20124.91%2C%20460%20128.54%20C%20466.67%20132.17%2C%20473.33%20135.15%2C%20480%20137.06%20C%20486.67%20138.97%2C%20493.33%20140%2C%20500%20140%20C%20506.67%20140%2C%20513.33%20138.97%2C%20520%20137.06%20C%20526.67%20135.15%2C%20533.33%20132.17%2C%20540%20128.54%20C%20546.67%20124.91%2C%20553.33%20120.27%2C%20560%20115.27%20C%20566.67%20110.27%2C%20573.33%20104.42%2C%20580%2098.54%20C%20586.67%2092.66%2C%20593.33%2086.18%2C%20600%2080%20C%20606.67%2073.82%2C%20613.33%2067.34%2C%20620%2061.46%20C%20626.67%2055.58%2C%20633.33%2049.73%2C%20640%2044.73%20C%20646.67%2039.73%2C%20653.33%2035.09%2C%20660%2031.46%20C%20666.67%2027.83%2C%20673.33%2024.85%2C%20680%2022.94%20C%20686.67%2021.03%2C%20693.33%2020%2C%20700%2020%20C%20706.67%2020%2C%20713.33%2021.03%2C%20720%2022.94%20C%20726.67%2024.85%2C%20733.33%2027.83%2C%20740%2031.46%20C%20746.67%2035.09%2C%20753.33%2039.73%2C%20760%2044.73%20C%20766.67%2049.73%2C%20773.33%2055.58%2C%20780%2061.46%20C%20786.67%2067.34%2C%20793.33%2073.82%2C%20800%2080%20C%20806.67%2086.18%2C%20813.33%2092.66%2C%20820%2098.54%20C%20826.67%20104.42%2C%20833.33%20110.27%2C%20840%20115.27%20C%20846.67%20120.27%2C%20853.33%20124.91%2C%20860%20128.54%20C%20866.67%20132.17%2C%20873.33%20135.15%2C%20880%20137.06%20C%20886.67%20138.97%2C%20893.33%20140%2C%20900%20140%20C%20906.67%20140%2C%20913.33%20138.97%2C%20920%20137.06%20C%20926.67%20135.15%2C%20933.33%20132.17%2C%20940%20128.54%20C%20946.67%20124.91%2C%20953.33%20120.27%2C%20960%20115.27%20C%20966.67%20110.27%2C%20973.33%20104.42%2C%20980%2098.54%20C%20986.67%2092.66%2C%20993.33%2086.18%2C%201000%2080%20C%201006.67%2073.82%2C%201013.33%2067.34%2C%201020%2061.46%20C%201026.67%2055.58%2C%201033.33%2049.73%2C%201040%2044.73%20C%201046.67%2039.73%2C%201053.33%2035.09%2C%201060%2031.46%20C%201066.67%2027.83%2C%201073.33%2024.85%2C%201080%2022.94%20C%201086.67%2021.03%2C%201093.33%2020%2C%201100%2020%20C%201106.67%2020%2C%201113.33%2021.03%2C%201120%2022.94%20C%201126.67%2024.85%2C%201133.33%2027.83%2C%201140%2031.46%20C%201146.67%2035.09%2C%201153.33%2039.73%2C%201160%2044.73%20C%201166.67%2049.73%2C%201173.33%2055.58%2C%201180%2061.46%20C%201186.67%2067.34%2C%201196.67%2076.91%2C%201200%2080%20L%201200%20200%20Z%22%20fill%3D%22%23464aff%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E\");\n background-repeat: no-repeat;\n background-position: bottom center;\n background-size: 100% auto;\n}",
"html": "<div class=\"wave-divider\" style=\"line-height:0\">\n<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 1200 200\" width=\"1200\" height=\"200\" preserveAspectRatio=\"none\">\n <rect width=\"1200\" height=\"200\" fill=\"#f5f5f5\"/>\n <g>\n <path d=\"M 0 200 L 0 80 C 3.33 83.09, 13.33 92.66, 20 98.54 C 26.67 104.42, 33.33 110.27, 40 115.27 C 46.67 120.27, 53.33 124.91, 60 128.54 C 66.67 132.17, 73.33 135.15, 80 137.06 C 86.67 138.97, 93.33 140, 100 140 C 106.67 140, 113.33 138.97, 120 137.06 C 126.67 135.15, 133.33 132.17, 140 128.54 C 146.67 124.91, 153.33 120.27, 160 115.27 C 166.67 110.27, 173.33 104.42, 180 98.54 C 186.67 92.66, 193.33 86.18, 200 80 C 206.67 73.82, 213.33 67.34, 220 61.46 C 226.67 55.58, 233.33 49.73, 240 44.73 C 246.67 39.73, 253.33 35.09, 260 31.46 C 266.67 27.83, 273.33 24.85, 280 22.94 C 286.67 21.03, 293.33 20, 300 20 C 306.67 20, 313.33 21.03, 320 22.94 C 326.67 24.85, 333.33 27.83, 340 31.46 C 346.67 35.09, 353.33 39.73, 360 44.73 C 366.67 49.73, 373.33 55.58, 380 61.46 C 386.67 67.34, 393.33 73.82, 400 80 C 406.67 86.18, 413.33 92.66, 420 98.54 C 426.67 104.42, 433.33 110.27, 440 115.27 C 446.67 120.27, 453.33 124.91, 460 128.54 C 466.67 132.17, 473.33 135.15, 480 137.06 C 486.67 138.97, 493.33 140, 500 140 C 506.67 140, 513.33 138.97, 520 137.06 C 526.67 135.15, 533.33 132.17, 540 128.54 C 546.67 124.91, 553.33 120.27, 560 115.27 C 566.67 110.27, 573.33 104.42, 580 98.54 C 586.67 92.66, 593.33 86.18, 600 80 C 606.67 73.82, 613.33 67.34, 620 61.46 C 626.67 55.58, 633.33 49.73, 640 44.73 C 646.67 39.73, 653.33 35.09, 660 31.46 C 666.67 27.83, 673.33 24.85, 680 22.94 C 686.67 21.03, 693.33 20, 700 20 C 706.67 20, 713.33 21.03, 720 22.94 C 726.67 24.85, 733.33 27.83, 740 31.46 C 746.67 35.09, 753.33 39.73, 760 44.73 C 766.67 49.73, 773.33 55.58, 780 61.46 C 786.67 67.34, 793.33 73.82, 800 80 C 806.67 86.18, 813.33 92.66, 820 98.54 C 826.67 104.42, 833.33 110.27, 840 115.27 C 846.67 120.27, 853.33 124.91, 860 128.54 C 866.67 132.17, 873.33 135.15, 880 137.06 C 886.67 138.97, 893.33 140, 900 140 C 906.67 140, 913.33 138.97, 920 137.06 C 926.67 135.15, 933.33 132.17, 940 128.54 C 946.67 124.91, 953.33 120.27, 960 115.27 C 966.67 110.27, 973.33 104.42, 980 98.54 C 986.67 92.66, 993.33 86.18, 1000 80 C 1006.67 73.82, 1013.33 67.34, 1020 61.46 C 1026.67 55.58, 1033.33 49.73, 1040 44.73 C 1046.67 39.73, 1053.33 35.09, 1060 31.46 C 1066.67 27.83, 1073.33 24.85, 1080 22.94 C 1086.67 21.03, 1093.33 20, 1100 20 C 1106.67 20, 1113.33 21.03, 1120 22.94 C 1126.67 24.85, 1133.33 27.83, 1140 31.46 C 1146.67 35.09, 1153.33 39.73, 1160 44.73 C 1166.67 49.73, 1173.33 55.58, 1180 61.46 C 1186.67 67.34, 1196.67 76.91, 1200 80 L 1200 200 Z\" fill=\"#464aff\"/>\n </g>\n</svg>\n</div>"
},
"credits_used": 5,
"credits_remaining": null
}
Authorizations
Bearer authentication header of the form Bearer <token>, where <token> is your auth token.
Body
application/json
Wave style
Available options:
sine, layered, zigzag, hills, asymmetric, blob Amplitude
Required range:
20 <= x <= 200Frequency
Required range:
1 <= x <= 10Width
Required range:
200 <= x <= 3000Height
Required range:
50 <= x <= 600Flip vertical
Flip horizontal
Number of layers
Required range:
1 <= x <= 4Layer 1 colour
Layer 1 opacity
Required range:
10 <= x <= 100Layer 2 colour
Layer 2 opacity
Required range:
10 <= x <= 100Layer 3 colour
Layer 3 opacity
Required range:
10 <= x <= 100Layer 4 colour
Layer 4 opacity
Required range:
10 <= x <= 100Background colour
Animate waves
Speed
Available options:
slow, medium, fast Response
Tool output
Show child attributes
Show child attributes
The tool's slug, echoing the {slug} in the request path.
Output-contract version for this tool.
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.
Correlation id, also sent as x-request-id.
Was this page helpful?