Latest web development tutorials

tag HTML <canvas>

Exemplos

Pelo elemento <canvas> para exibir um retângulo vermelho:

<Canvas id = "myCanvas"> </ canvas> <Script type = "text / javascript"> var canvas = document.getElementById ( 'myCanvas'); var ctx = canvas.getContext ( '2D'); ctx.fillStyle = "# FF0000"; ctx.fillRect (0,0,80,100 ); </ script>

tente »

Suporte a navegadores

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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

Nota: O IE 8ou versões anteriores do navegador IE não suporta <canvas> tag.

definições e instruções tag

tag <canvas> para desenhar gráficos (como gráficos e outras imagens) através de scripting (normalmente JavaScript).

tag <canvas> é um recipiente gráfica, você deve usar um script para desenhar gráficos.

Diferenças entre HTML 4.01 e HTML5

tag <canvas> é novo em tags HTML5.

Dicas e Notas

NOTA: <canvas> elemento será exibido em qualquer texto não suporta o <canvas> browser.

Dica: Se vocêquiser conhecer todas as propriedades do objeto da lona e métodos, consulte o Manual HTML lona Referência .

propriedade

Novo: HTML5 nova propriedade.

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

Propriedades globais

<Canvas> tag suporta HTML propriedades globais .

Propriedades de evento

<Canvas> tag suporta propriedades de evento HTML .