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...

Si desea saber más, le proponemos el siguiente libro:
couv_RIT35HTM.png
60-signet.svg
Versión impresa
20-ecran_lettre.svg
Versión online
41-logo_abonnement.svg
En ilimitado con la suscripción ENI
130-boutique.svg
En la tienda oficial de ENI
Anterior
Etiqueta <canvas>
Siguiente
Diseñar un rectángulo