Herramientas gratuitas
Español
Generar ondas SVG
Generar ondas SVG — Elige tamaños o colores y revisa el código o resultado. Guía de entrada: Ancho, Alto, Amplitud de onda (px), Número de ondas, Color. Sin cuenta.
Sin cuenta
Cargando herramienta…
Cómo usar
- 1Guía de entrada: Ancho, Alto, Amplitud de onda (px), Número de ondas, Color.
- 2Ejecuta la herramienta y revisa el resultado.
- 3Copiar resultado / Guardar resultado.
A tener en cuenta
Revisa rangos y unidades. Los resultados dependen de los datos y del navegador.
Los anuncios pueden procesar datos de conexión. La personalización respeta tus opciones de privacidad. Privacidad (inglés)
Ejemplo calculado de entrada y salida
Resultados del motor real con los valores de ejemplo, sin datos personales ni trabajos guardados. Carga el ejemplo en la herramienta para ver las mismas entradas.
Entrada de ejemplo
| Campo | Valor |
|---|---|
| Ancho | 800 |
| Alto | 200 |
| Amplitud de onda (px) | 50 |
| Número de ondas | 2 |
| Color | #0F766E |
Resultado de ejemplo
<svg xmlns="http://www.w3.org/2000/svg" width="800" height="200" viewBox="0 0 800 200"><path d="M 0,100 L 4,103.14 L 8,106.267 L 12,109.369 L 16,112.434 L 20,115.451 L 24,118.406 L 28,121.289 L 32,124.088 L 36,126.791 L 40,129.389 L 44,131.871 L 48,134.227 L 52,136.448 L 56,138.526 L 60,140.451 L 64,142.216 L 68,143.815 L 72,145.241 L 76,146.489 L 80,147.553 L 84,148.429 L 88,149.114 L 92,149.606 L 96,149.901 L 100,150 L 104,149.901 L 108,149.606 L 112,149.114 L 116,148.429 L 120,147.553 L 124,146.489 L 128,145.241 L 132,143.815 L 136,142.216 L 140,140.451 L 144,138.526 L 148,136.448 L 152,134.227 L 156,131.871 L 160,129.389 L 164,126.791 L 168,124.088 L 172,121.289 L 176,118.406 L 180,115.451 L 184,112.434 L 188,109.369 L 192,106.267 L 196,103.14 L 200,100 L 204,96.86 L 208,93.733 L 212,90.631 L 216,87.566 L 220,84.549 L 224,81.594 L 228,78.711 L 232,75.912 L 236,73.209 L 240,70.611 L 244,68.129 L 248,65.773 L 252,63.552 L 256,61.474 L 260,59.549 L 264,57.784 L 268,56.185 L 272,54.759 L 276,53.511 L 280,52.447 L 284,51.571 L 288,50.886 L 292,50.394 L 296,50.099 L 300,50 L 304,50.099 L 308,50.394 L 312,50.886 L 316,51.571 L 320,52.447 L 324,53.511 L 328,54.759 L 332,56.185 L 336,57.784 L 340,59.549 L 344,61.474 L 348,63.552 L 352,65.773 L 356,68.129 L 360,70.611 L 364,73.209 L 368,75.912 L 372,78.711 L 376,81.594 L 380,84.549 L 384,87.566 L 388,90.631 L 392,93.733 L 396,96.86 L 400,100 L 404,103.14 L 408,106.267 L 412,109.369 L 416,112.434 L 420,115.451 L 424,118.406 L 428,121.289 L 432,124.088 L 436,126.791 L 440,129.389 L 444,131.871 L 448,134.227 L 452,136.448 L 456,138.526 L 460,140.451 L 464,142.216 L 468,143.815 L 472,145.241 L 476,146.489 L 480,147.553 L 484,148.429 L 488,149.114 L 492,149.606 L 496,149.901 L 500,150 L 504,149.901 L 508,149.606 L 512,149.114 L 516,148.429 L 520,147.553 L 524,146.489 L 528,145.241 L 532,143.815 L 536,142.216 L 540,140.451 L 544,138.526 L 548,136.448 L 552,134.227 L 556,131.871 L 560,129.389 L 564,126.791 L 568,124.088 L 572,12…
Se muestra un fragmento del resultado largo. Ejecuta el ejemplo para verlo completo.
Requisitos de entrada
Estos son límites reales de validación, no una garantía de que todo valor aceptado sea realista o aplicable a tu caso.
- Ancho: Rango admitido: 100 ≤ x ≤ 2000
- Alto: Rango admitido: 20 ≤ x ≤ 1000
- Amplitud de onda (px): Rango admitido: 0 ≤ x ≤ 500
- Número de ondas: Rango admitido: 1 ≤ x ≤ 10 · Solo enteros