Índice

Llamada al API de diseño

Esto es todo en lo que respecta a HTML. En este momento, el control pasa a JavaScript para implementar los diseños y demás elementos gráficos del área de dibujo.

Esto puede resultar algo desconcertante para aquellos que descubran la programación de páginas web a partir del lenguaje HTML. JavaScript es un lenguaje de programación que complementa en ocasiones al código HTML. Las instrucciones JavaScript se gestionan en el propio navegador (del lado cliente) y aportan gran dosis de interacción con las aplicaciones.

<!DOCTYPE html> 
<html lang="es"> 
<head> 
   <title>Html5</title> 
   <meta charset="UTF-8"> 
</head> 
<body> 
<canvas id="dibujo" width="200px" height="150px" style="border: 1px 
solid black"> 
Su navegador no soporta la etiqueta canvas. 
</canvas> 
<script type="text/javascript"> 
var canvas = document.getElementById("dibujo"); 
var contexto = canvas.getContext("2d"); 
// Continuación del script 
</script> 
</body> 
</html>

Detallemos las nuevas líneas de código.

<script type="text/javascript"> 
... 
</script>

Los scripts JavaScript se incluyen mediante la etiqueta <script type="text/javascript"> ... </script>. Esta etiqueta puede situarse ...