SVG <line>

<line> etiqueta se utiliza para crear líneas.

<line> etiqueta

<line> etiqueta se utiliza para crear líneas.

Copie el siguiente código en un bloc de notas y guárdelo como "line1.svg". Coloque este archivo en su directorio web:

?xml version="1.0" standalone="no"?>
!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" 
"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg width="100%" height="100%" version="1.1"
xmlns="http://www.w3.org/2000/svg">
<line x1="0" y1="0" x2="300" y2="300"
style="stroke:rgb(99,99,99);stroke-width:2"/>
</svg>

Explicación del código:

  • La propiedad x1 define el inicio de la línea en el eje x
  • La propiedad y1 define el inicio de la línea en el eje y
  • La propiedad x2 define el final de la línea en el eje x
  • La propiedad y2 define el final de la línea en el eje y

Ver ejemplo