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