snippet - triângulo canvas..

gistfile1.js

// Triângulo com Canvas
var NS = NS || {};

NS.Class = (function() {

  var Canvas = (function() {
    this.canvas = document.getElementById( "canvas" );
    this.ctx = canvas.getContext( "2d" );
  });

  Canvas.prototype.triangulo = (function() {
    if( this.ctx ) {
      this.ctx.fillStyle = "hsl( 353, 100%, 72% )";
      this.ctx.beginPath();
      this.ctx.moveTo( 35,50 ); 
      this.ctx.lineTo( 150,100 );
      this.ctx.lineTo( 150,15 );
      this.ctx.fill();
    }
  });
  return new Canvas();

}( NS.Class ));

NS.Class.triangulo();