CanvasRenderingContext2Dで三角形を描画できるようにする #JavaScript

strokeRectとかfillRectと同じように三角形を使いたいので・・・。

CanvasRenderingContext2D.prototype.strokeTriangle = function(x,y,w,h){
    this.beginPath();
    this.moveTo(x+(w/2) , y);
    this.lineTo(x+w     , y+h);
    this.lineTo(x       , y+h);
    this.closePath();
    this.stroke();
}
CanvasRenderingContext2D.prototype.fillTriangle = function(x,y,w,h) {
    this.strokeTriangle(x,y,w,h);
    this.fill();
};

// ctxにはコンテキストをセット。三角形を描画する場合は辺の比率に気をつける。
// 正三角形を描画するのであれば以下の様な感じ
ctx.fillTriangle(30,30,15*2,15*Math.sqrt(3));