html5

Workerをちょっとだけさわった。

ちょっとWorkerを使ってみようかと思って試してみた。 使い方 var worker = new Worker("worker.js"); みたいにする。 workerにお仕事してもらう内容は、worker.jsって別ファイルに記述する。worker.js onmessage = function (evt) { var data = evt.data //…

videoのonplayイベント

ちょっと触ることがあっていろいろ試していたら バグ?的なものがあった。videoが再生したときに発生するonplayイベントが全部再生し終えた後 もう一度再生するとonplayイベントが発生しない。FireFoxでしか試してないのでブラウザのバグなのか仕様なのかは …

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,…