Editor de rutas SVG

Ruta SVG

Datos de la ruta (atributo d)

Ruta de ejemplo

Operaciones de ruta

Escalar

Eje X

Eje Y

Trasladar

Desplazamiento X

Desplazamiento Y

Rotar

Ángulo (grados)

Opciones de salida

Precisión (decimales)

Comprimir salida

Vista previa SVG

Color del trazo

Ancho del trazo

Color de relleno

Opacidad del relleno

Datos de la ruta

Número de comandos

0

Longitud de la ruta

0

Ancho del cuadro delimitador

0

Alto del cuadro delimitador

0

Ruta optimizada

Acerca de las rutas SVG:

La ruta SVGes uno de los elementos más potentes de SVG, capaz de crear formas de cualquier tipo. Una ruta consiste en una serie de comandos y coordenadas que definen cómo se dibuja la forma.

Comandos de ruta comunes:

M/m: Mover a
L/l: Línea a
H/h: Línea horizontal a
V/v: Línea vertical a
C/c: Curva Bézier cúbica

S/s: Curva Bézier cúbica suave
Q/q: Curva Bézier cuadrática
T/t: Curva Bézier cuadrática suave
A/a: Arco elíptico
Z/z: Cerrar ruta

Consejo:Las letras mayúsculas representan coordenadas absolutas; las minúsculas, coordenadas relativas. Use este editor para ver, editar y optimizar rutas SVG fácilmente.