HTML5で各電力会社の電力使用率をアナログメーターで描画するサンプルを作ってみた。

HTML5で各電力会社の電力使用率をアナログメーターで描画するサンプルを作ってみた。

今年も凄く暑くなってきて、節電も気になり始めたんで、また電力ネタを。 以前、電力使用率を表示するガジェットを作成したけど、Windows8からデスクトップガジェットが使えなくなってしまった。 なので、Windows8上でも簡単に表示できるよう、HTML上で表示できる電力メーターを作ってみた。 丁度、HTML5のスキルアップもしたかったので、Flashのような絵が描ける<canvas>を使って作ることに。 でも、テキストエディタのみで、メーターのイメージを想像しながら作るのは、ちょっと難しかった。。 かなり試行錯誤を繰り返す羽目に。 それでも、なんとかイメージに近いものが出来上がった …

HTML5で各電力会社の電力使用率をアナログメーターで描画するサンプルを作ってみた。 Read More