Canvas で遊んでみる。 - higeorange's blog

おもしろい。 で， CanvasRenderingContext2D を拡張してみる。 CanvasRenderingContext2D.prototype.strokeLine = function(path, closePath) { var begin = path.shift(); this.beginPath(); this.moveTo(begin[0], begin[1]); for(var i=0;i<path.length;i++) { this.lineTo(path[i][0], path[i][1]); } if(closePath) this.closePath(); this.stroke(); } 配列を引数にとり，下記のように使う。 canvas.storokeLine([ [10, 0], [10, 20], [30, 20], ]) (10, 0) から