HTML | Atributo de altura <canvas>

El atributo HTML <canvas> height se utiliza para especificar la altura del elemento <canvas> en términos de píxeles

Sintaxis:

<canvas height="pixels">

Valores de atributo: contiene píxeles de valor único que especifican la altura del lienzo en términos de píxeles. Tiene un valor predeterminado que es 150. 

Ejemplo: Este ejemplo ilustra el uso del atributo de altura en Canvas Element. 

html

<!-- HTML code to illustrate
height attribute of canvas tag -->
<!DOCTYPE html>
<html>
 
<head>
    <title>HTML canvas height attribute</title>
</head>
 
<body style="text-align:center;">
    <h1>GeeksForGeeks</h1>
    <h2>HTML Canvas Height Attribute</h2>
    <canvas id="geeks"
            height="200"
            width="200"
            style="border:1px solid black">
    </canvas>
 
    <script>
        var c = document.getElementById("geeks");
        var cx = c.getContext("2d");
        cx.beginPath();
        cx.arc(100, 100, 90, 0, 2 * Math.PI);
        cx.stroke();
    </script>
</body>
 
</html>

Producción:

  

Navegadores compatibles: los navegadores compatibles con el atributo de altura HTML <canvas> se enumeran a continuación:

  • Google Chrome 1.0 y superior
  • Borde 12.0 y superior
  • Internet Explorer 9.0 y superior
  • Firefox 1.5 y superior
  • Safari 3.0 y superior
  • Ópera 9.0 y superior

Publicación traducida automáticamente

Artículo escrito por jit_t 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 *