Category Archives: HTML5 canvas

ChromeにてWebフォントがロード済みでないと描画されない （fillTextなど） warningなどもでない・・・

aは０～１の範囲で指定する。（０～２５５じゃないよ） ０で完全透明。１で非透過。

画像のwidth, heightがキャンバスのサイズや描画範囲よりも超えていると何も描画されないっぽい。chrome またdrawImageは画像がロード済みでないと描画されない。そして何のwarningも出さない・・・ … Continue reading →

ローカル環境だとエラーになるらしい。 cf.http://stackoverflow.com/questions/8688600/context-getimagedata-on-localhost

スタイル指定の基本 = "white"; = "#FFFFFF"; = "rgba()" 塗りつぶしスタイル ctx.fillStyle = スタイル; 線スタイル ctx.strokeStyle = スタイル; 線の描 … Continue reading →

変形関数は既に描画しおわったものに対してはなんら影響を与えない。 描画の際に基準とする枠を移動・回転・変形するイメージ。 変形した状態はずっと保持されてしまうので逐一save,restoreするのが吉。 簡単に言うと筆を … Continue reading →