Este texto se mostra para os navegadores não compatíveis com canvas.


Por favor, utiliza Firefox, Chrome, Safari ou Opera.

function drawShape(){

      function draw() {

          var canvas = document.getElementById("canvas");

          if (canvas.getContext) {

            var ctx = canvas.getContext("2d");



   // Exemplo de triângulo com cor sólida

ctx.beginPath();

ctx.moveTo(0,0);// O ponto de partida do desenho são as coordenadas 0,0

ctx.lineTo(0,150);// A 1ª linha do desenho vai da coordenada 0 até 150 de largura

ctx.lineTo(150,0);// A 2ª linha começa onde termina a 1ª, ou seja vai da coordenada 150 de largura para 0

ctx.lineTo(0,0);// A 3ª linha começa onde acaba a 2ª, se não houver mais linhas em seu desenho ela automaticamente se encontra com a 1ª linha

ctx.stroke();  

          }

        }