canvas

Sumario

O elemento HTML Canvas ( <canvas> ) pode ser utilizado para desenhar graficos utilizando scripts (geralmente JavaScript ). Por exemplo, alem de desenhar graficos, ele pode ser usado para fazer composicoes de fotos e tambem para animacoes. Voce podera colocar conteudos alternativos dentro do bloco <canvas> . Este conteudo sera renderizado tambem em navegadores antigos e em navegadores com JavaScript desabilitado.

Para mais artigos sobre canvas, veja canvas topic page .

Contexto de uso

Conteudo permitido Transparente, tanto phrasing content ou flow content .
Omissao de tags Nenhuma, tanto a tag de inicio quanto a de fim devem ser incluidas.
Elementos "pai" permitidos Qualquer elemento que aceite phrasing content ou flow content .
Documento normativo HTML 5, section 4.8.10

Atributos

Como qualquer outro elemento HTML, este tambem tem global attributes .

width

A largura do espaco em pixels CSS. O padrao e 300.

height

A altura do espaco em pixels CSS. O padrao e 150.

Nota: The displayed size of the canvas can be changed using a stylesheet. The image is scaled during rendering to fit the styled size.

Interface DOM

Exemplo

html 
<
canvas
 id
=
"
canvas
"
 width
=
"
300
"
 height
=
"
300
"
>

  Desculpe-me, seu navegador nao suporta o elemento 
&lt;
canvas
&gt;
.
</
canvas
>

Compatibilidade com navegadores

BCD tables only load in the browser

Veja tambem