Latest web development tutorials

HTML <canvas> tag

Esempi

Con l'elemento <canvas> per visualizzare un rettangolo rosso:

<canvas id = "MyCanvas"> </ canvas> <script type = "text / javascript"> var tela = document.getElementById ( 'MyCanvas'); var = CTX canvas.getContext ( '2d'); ctx.fillStyle = '# FF0000'; ctx.fillRect (0,0,80,100 ); </ script>

Prova »

Supporto per il browser

Internet ExplorerFirefoxOperaGoogle ChromeSafari

IE 9, Firefox, Opera, Chrome e Safari supporto <canvas> tag.

Nota: Internet Explorer 8 o versioni precedenti del browser IE non supporta <canvas> tag.

le definizioni e le istruzioni tag

<Canvas> tag per disegnare elementi grafici (come i grafici e altre immagini) attraverso lo scripting (di solito JavaScript).

<Canvas> tag è un contenitore grafica, è necessario utilizzare uno script per disegnare elementi grafici.

Le differenze tra HTML 4.01 e HTML5

<Canvas> tag è nuovo nei tag HTML5.

Suggerimenti e Note

NOTA: <canvas> elemento verrà visualizzato in qualsiasi testo non supporta il <canvas> browser.

Suggerimento: se sidesidera conoscere tutte le proprietà ei metodi degli oggetti tela, consultare il manuale in formato HTML canvas di riferimento .

proprietà

Nuovo: HTML5 nuova proprietà.

属性 值 描述
height New pixels 规定画布的高度。
width New pixels 规定画布的宽度。

Proprietà globali

<Canvas> tag supporta HTML proprietà globali .

Proprietà evento

<Canvas> tag supporta proprietà dell'evento HTML .