El atributo y1 se usa para especificar la primera coordenada y para dibujar un elemento SVG que requiere más de una coordenada.
Elementos que están usando este atributo:
- <línea>
- <gradiente lineal>
Sintaxis:
y1 = "y1-coordinate"
Valores de atributos:
- length: :Longitud en la que queremos establecer la coordenada y1.
- porcentaje: porcentaje en el que queremos establecer la coordenada y1.
Usaremos el atributo y1 para establecer la coordenada y1.
Ejemplo 1: En este ejemplo usaremos el valor de longitud.
<!DOCTYPE html> <html> <body> <svg viewBox="0 0 70 70" xmlns="http://www.w3.org/2000/svg"> <line x1="1" x2="9" y1="5" y2="5" stroke="green" /> <line x1="1" x2="9" y1="7" y2="7" stroke="green" /> </svg> </body> </html>
Producción:
Ejemplo 2: En este ejemplo usaremos el valor porcentual.
<!DOCTYPE html> <html> <body> <svg viewBox="0 0 70 70" xmlns="http://www.w3.org/2000/svg"> <line x1="3%" x2="27%" y1="15%" y2="15%" stroke="green" /> </svg> </body> </html>
Producción:
