Mostrar código-fonte de Canvas (HTML5)

Não tem permissão para editar esta página, pelo seguinte motivo:

O seu endereço IP pertence a uma gama que foi bloqueada em todas as wikis da Wikimedia Foundation.

O bloqueio foi efetuado por ‪EPIC‬. O motivo apresentado foi Open proxy/Webhost: See the help page if you are affected.

Início do bloqueio: 08h48min de 2 de julho de 2024
Expiração do bloqueio: 08h48min de 2 de julho de 2025

O seu endereço IP atual é 206.189.44.186. A gama bloqueada é 206.189.32.0/20.

Inclua todos os detalhes acima em quaisquer contactos relacionados com este bloqueio, por favor. Se acredita que foi bloqueado por engano, pode encontrar informações adicionais e instruções na política global sobre a proibição de proxies abertos.

Caso contrário, para discutir o bloqueio abra um pedido para revisão na Meta-Wiki, por favor. Também pode enviar uma mensagem por correio eletrónico para a fila VRT dos stewards em stewards@wikimedia.org incluindo todos os detalhes acima.

No momento, você só pode visualizar e copiar o conteúdo desta página.

{{Formatar referências|data=abril de 2012}}
'''Canvas''' é um elemento da [[HTML5]] destinado a delimitar uma área para [[renderização]] dinâmica de gráficos. Todo o trabalho de criação e animação é realizado através de [[Linguagem de programação|linguagens de programação]] dinâmica (usualmente [[Javascript]]).
<ref>[http://www.w3.org/TR/html5/the-canvas-element.html W3C - Working Draft]</ref>

O elemento foi originalmente introduzido pela [[Apple Inc.]] para o navegador [[Safari (navegador)|Safari]]. As aplicações da [[Mozilla]] ganharam suporte ao canvas começando pelo Gecko 1.8 ([[Mozilla Firefox|Firefox]] 1.5). O [[Internet Explorer]] possui suporte ao elemento a partir da versão 9. Para adicionar suporte as versões anteriores desse navegador, basta incluir um script feito pela [[Google]] chamado [http://excanvas.sourceforge.net/ Explorer Canvas]. Navegadores baseados em [[Chromium]], como [[Google Chrome]] e [[Opera]], também suportam o canvas.<ref>[https://developer.mozilla.org/en/html/canvas/ Mozilla Developer Network]</ref>

== Exemplo ==
O código a seguir cria um elemento Canvas em uma página HTML5:

<syntaxhighlight lang="html4strict">
<canvas id="exemplo" width="200" height="200">
Este texto é exibido caso o navegador não tenha suporte ao Canvas.
</canvas>
</syntaxhighlight>

Usando [[JavaScript]], você pode desenhar no canvas:

<syntaxhighlight lang="JavaScript">
var exemplo = document.getElementById( 'exemplo' ),
    contexto = exemplo.getContext( '2d' );

contexto.fillStyle = 'red';
contexto.fillRect( 30, 30, 50, 50 );
</syntaxhighlight>

Esse código desenha um retângulo vermelho na tela.

== Contextos ==
A especificação para a HTML5 prevê dois contextos de criação: o contexto bidimensional e o contexto tridimensional.

O contexto bidimensional destina-se à criação de imagens em duas dimensões x e y, segundo um sistema de eixos cartesianos, cuja origem é no canto superior esquerdo da área de criação, com as coordenadas x crescendo da esquerda para direita e y de cima para baixo.

O contexto tridimensional destina-se à criação de imagens em três dimensões com acréscimo do eixo z no sentido da profundidade.
<ref>Silva, Maurício Samy, ''HTML5 - A linguagem de marcação que revolucionou a web'', São Paulo, Novatec Editoria, 2011, ISBN 978-85-7522-261-4</ref>

== Suporte ==
* Internet Explorer 9+
* Mozilla Firefox 3.6+
* Safari 3.2+
* Google Chrome 10+
* Opera 10.6+<ref>[http://caniuse.com/#search=canvas/ When can I use - Compatibility tables for support of HTML5, CSS3, SVG and more in desktop and mobile browsers.]</ref>

== Ver também ==
* [[HTML5]]
* [[HTML5 audio]]
* [[HTML5 video]]
* [[WebGL]]
* [[Adobe Flash]]

{{Referências}}

{{HTML}}

[[Categoria:Web]]

Predefinições utilizadas nesta página:

Predefinição:Ambox (ver código-fonte) (apenas autorrevisores)
Predefinição:Ambox/styles.css (ver código-fonte) (apenas autorrevisores)
Predefinição:Esconder link para editar seção (ver código-fonte) (apenas autorrevisores)
Predefinição:Formatar referências (ver código-fonte) (apenas autorrevisores)
Predefinição:HTML (editar)
Predefinição:Manutenção/Categorizando por assunto (ver código-fonte) (apenas autorrevisores)
Predefinição:Manutenção/Categorizando por assunto/auxcat (ver código-fonte) (apenas autorrevisores)
Predefinição:Navbox (ver código-fonte) (apenas autorrevisores)
Predefinição:Referências (ver código-fonte) (apenas autorrevisores)
Predefinição:Template other (ver código-fonte) (apenas autorrevisores)
Módulo:Arguments (ver código-fonte) (apenas autorrevisores)
Módulo:Datas (ver código-fonte) (apenas autorrevisores)
Módulo:Message box (ver código-fonte) (apenas autorrevisores)
Módulo:Message box/configuration (ver código-fonte) (apenas autorrevisores)
Módulo:Navbar (ver código-fonte) (apenas autorrevisores)
Módulo:Navbox (ver código-fonte) (apenas autorrevisores)
Módulo:Unsubst (ver código-fonte) (apenas autorrevisores)
Módulo:Yesno (ver código-fonte) (apenas autorrevisores)

Voltar para Canvas (HTML5).

Obtida de "https://pt.wikipedia.org/wiki/Canvas_(HTML5)"