HTML - Tag <canvas>

Descrição

A tag HTML <canvas> serve para desenhar gráficos, animações, etc., usando scripts.

Exemplo

<!DOCTYPE html>
<html>

   <head>
      <title>HTML Canvas Tag</title>
   </head>

   <body>
      <canvas id = "newCanvas">Your browser does not support canvas tag.</canvas>
      <script>
         var c = document.getElementById('newCanvas');
         var ctx = c.getContext('2d');
         ctx.fillStyle = '#00FD00';
         ctx.fillRect(0,0,200,60);
      </script>
   </body>

</html>

Isso produzirá o seguinte resultado -

Atributos Globais

Esta tag suporta todos os atributos globais descritos em HTML Attribute Reference

Atributos Específicos

A tag HTML <canvas> também oferece suporte aos seguintes atributos adicionais -

Atributo	Valor	Descrição
altura	píxeis	Especifica a altura da tela.
largura	píxeis	Especifica a largura da tela.

Atributos de evento

Esta tag suporta todos os atributos de eventos descritos em HTML Events Reference

Suporte de navegador

cromada	Raposa de fogo	IE	Ópera	Safári	Android
sim	sim	sim	sim	sim	?

↰ Previous page