はじめてのcanvas
えーものすごく小さいことなんだけど、日付のところに時計のアイコンが出るようにしました。凝視してみるとわかると思うんだけど、時計なんですよこれ。
で、これ、gifでもjpgでもpngでもtiffでもsvgでもswfでもましてbmpでもなくて、canvasなんです!!詳しくはこことかこことかで見て!
ずっとこのcanvasを使ってみたかったんだけどあんまり見聞きしないし、正直面倒だったので後回し後回しになってたんだけど、やっと踏み込みました。いつもどおり「うはーわからーん、わからんわー!」と言いながらの作業でした。
とりあえずーな感じの仕上がりなので、もうちょっとなんとかしたいところ。
んでまぁ、感想。
- 最初ちょう取っ付きにくかった(SVGもこんなだったような気はするけど)
- わかんないんだけど、絵が出るものは安心できる
- これ、単位にemとか使えねえの?pxビタとかやなんだけど(これ痛い)
- なので、現状だとブラウザのフォントサイズ変更についてけない…(jsでなんとかできるかなぁ)
- 多分、あんまりいい使い方してないよね… これグラフとかに使うんだよね…(あとアニメーションとか)
- 次はアニメーションかなー
IEは全バージョンでcanvasに対応していないんだけど、uupaa-excanvas.jsを利用してIE(6〜)でもOKな感じになってます。確認は7でやってるから、6とか8とかだと見えてないかもしんないなー。
追記:
ブラウザのフォントサイズ変更についてくように修正した。JavaScriptのSetIntervalでフォントサイズを監視して、変更があればcanvasも描画し直しってやりかたで。