Saltar al contenido
uencoder

SVG Path

Un path SVG describe el contorno de un gráfico vectorial mediante una cadena de comandos en el atributo d (M/L/C/Z, etc.); es el elemento de forma SVG más potente.

Propósito

Describir trazados vectoriales arbitrarios (líneas, curvas, arcos) con una cadena compacta de comandos para iconos, gráficos y animación.

Mecanismo

El atributo d contiene una secuencia de comandos: M/m = moveto (absoluto/relativo), L/l = lineto, C/c = Bézier cúbica, Q/q = Bézier cuadrática, A/a = arco, Z/z = cierre. Cada comando recibe parámetros de coordenadas.

Casos de uso

  • Dibujo de iconos vectoriales
  • Visualización de datos
  • Trazados de mapas

Herramientas relacionadas

References