2009-10-09から1日間の記事一覧

Canvasで円グラフ。

そもそも扇形が作りたかったのは、円グラフを作りたくて。 さっき作ったsector()を使って円グラフっぽくはなった。 設定したパーセントに応じて扇形を作って円になるように 並べただけなんだけど。 var canvas = d.getElementById("canvas"); var ctx = canv…

Canvasで扇形を書く関数sectorを作ってみた

Canvasをはじめて使ってみた。 そして、Math.sin()とMath.cos()も初めて使った。 function sector(ctx, x, y, radius, startAngle, endAngle) { var start = startAngle * Math.PI / 180; var end = endAngle * Math.PI / 180; ctx.arc(x, y, radius, start,…