Atributo de altura SVG

El atributo de altura define la longitud vertical de un elemento.

Sintaxis:

height= "height"

Valores de atributos:

  • longitud: longitud en la que queremos establecer el atributo de altura
  • porcentaje: Porcentaje en el que queremos establecer el atributo de altura

Usaremos el atributo de altura para establecer la altura del elemento.

Ejemplo 1: En este ejemplo, usaremos el atributo de altura para establecer la altura de rect usando el valor de longitud.

<!DOCTYPE html>
<html>
  
<body>
    <svg viewBox="0 0 3000 1000" 
        xmlns="http://www.w3.org/2000/svg">
          
        <rect y="150" x="150" 
            width="50" height="60" />
          
        <rect y="300" x="150" 
            width="50" height="60" />
    </svg>
</body>
  
</html>

Producción:

Ejemplo 2: En este ejemplo, usaremos el atributo de altura para establecer la altura de rect usando el valor porcentual.

<!DOCTYPE html>
<html>
  
<body>
    <svg viewBox="0 0 3000 1000" 
        xmlns="http://www.w3.org/2000/svg">
          
        <rect y="150" x="75" 
            width="12%" height="10%" />
          
        <rect y="300" x="75" 
            width="12%" height="10%" />
    </svg>
</body>
  
</html>

Producción

Publicación traducida automáticamente

Artículo escrito por taran910 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *