tag di HTML5 <canvas> viene utilizzato in combinazione con linguaggi di scripting come JavaScript per disegnare elementi grafici e creare immagini. Può anche essere usato per fare grafici o creare un confronto fotografici. Perché questo elemento non è vecchio come HTML, alcuni browser web meno recenti non supportano. Tenete a mente se si sta sviluppando per un pubblico specifico la cui navigazione web software può essere limitato.

istruzione

1 Avviare l'applicazione modifica del codice preferito o un editor di testo in cui è possibile creare un nuovo documento per praticare il tuo codice a.

2 Creare un ID tela e un nome per esso utilizzando il seguente tag canvas e il codice:

<Canvas id = "myExampleCanvas"> </ canvas>

3 Dichiarare l'utilizzo della funzione JavaScript che è richiesto per la tela per visualizzare utilizzando il seguente codice:

<Script type = "text / javascript">

4 Definire il modo in cui il documento tela verrà visualizzato mediante la definizione dei parametri var tela ed elementi di tela ID:

var tela = document.getElementById ( 'MyCanvas');
var CTX = canvas.getContext ( '2d');

5 Lascia la tua finestra tela un colore di sfondo utilizzando un codice colore. L'esempio seguente mostra FF0000 come il codice di colore e specifica che la finestra viene visualizzato in una forma rettangolare:

ctx.fillStyle = '# FF0000';
ctx.fillRect (0,0,80,100);
</ Script>