El elemento SVG <line> se utiliza para dibujar líneas. El punto de inicio y los puntos finales se dan para dibujar la línea.
Sintaxis:
<line x1="x-axis co-ordinate" y1="y-axis co-ordinate" x2="x-axis co-ordinate" y2="y-axis co-ordinate" > </line>
Atributo:
- x1: punto inicial del eje x.
- y1: punto inicial del eje y.
- x2: punto final del eje x.
- y2: punto final del eje y.
Ejemplo:
<html> <title>SVG Line</title> <body> <svg width="400" height="400"> <line x1="10" y1="10" x2="130" y2="130" stroke="green"></line> </svg> </body> </html>
Producción:
Ejemplo: Cambiar la opacidad de la línea.
<html> <title>SVG Line</title> <body> <svg width="400" height="400"> <line x1="10" y1="10" x2="130" y2="130" stroke="green" stroke-width="3" opacity="0.3"></line> </svg> </body> </html>
Producción:
Publicación traducida automáticamente
Artículo escrito por Vijay Sirra y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA