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