L’elemento “canvas”
L’elemento canvas fornisce un’area di disegno sfruttata dagli scripts; il contesto disponibile è HTML Canvas 2D Context. Prevede due attributi:
- width, larghezza dell’area di disegno (per default è 300px);
- height, altezza dell’area di disegno ( per default è 150px);
La sintassi base è la seguente:
<!doctype html> <html> <head> <title>Uso canvas</title><scrpt src=”jquery.js”></script> <script> $(function() { var canvasObj = document.getElementById(“area-canvas”); context = canvasObj.getContext(“2d”); … … … }); </script> </head> <body> <canvas id=”area-canvas”>Il tuo browser non supporta il tag canvas</canvas> </body> </html> |