¿Cómo crear un lienzo HTML vacío básico?

Lienzo HTML: El lienzo es un elemento en HTML llamado elemento <canvas> , y se usa para dibujar gráficos usando JavaScript. Es solo un contenedor para gráficos. Debe usar JavaScript para dibujar los gráficos, y tiene varios métodos para dibujar rutas, cuadros, círculos, texto y agregar imágenes.

Un lienzo es un área rectangular en una página HTML y, de forma predeterminada, un lienzo no tiene borde ni contenido.

Sintaxis:

<canvas>
    Content...
</canvas>

Se recomienda tener un atributo de identificación (al que se hará referencia en un script) y un atributo de ancho y alto para definir el tamaño del lienzo. Para agregar un borde, use el atributo de estilo.

Ejemplo: El siguiente código demuestra el lienzo vacío. 

HTML

<!DOCTYPE html>
<html>
  
<head>
    <style>
        body {
            text-align: center;
        }
    </style>
</head>
  
<body>
    <canvas id="myCanvas" width="300" height="300"
        style="border:1px solid #000000;">
        GfG
    </canvas>
</body>
  
</html>

Producción:

Publicación traducida automáticamente

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