一度指定した透明度をずっと維持してくれるglobalAlphaの巻。 globalAlpha property: 0 ~ 1 globalAlphaを設定すると以降の塗りの透明度に自動的に適用される。 HTML < … 続きを読む
2012.05.01
00:42
author: taikiken
0件のコメント
2012.05.01
00:42
author: taikiken
0件のコメント
一度指定した透明度をずっと維持してくれるglobalAlphaの巻。 globalAlpha property: 0 ~ 1 globalAlphaを設定すると以降の塗りの透明度に自動的に適用される。 HTML < … 続きを読む
2012.04.26
10:07
author: taikiken
0件のコメント
移動するの巻。 setTransformでも行えるが、引数を簡略化した関数としてtranslateが用意されている。 translate(x, y) HTML <canvas id=’canvas’>< … 続きを読む
2012.04.25
17:11
author: taikiken
0件のコメント
拡大・縮小するの巻。 setTransformでも行えるが、引数を簡略化した関数としてscale: 拡大・縮小が用意されている。 HTML <canvas id=’canvas’></canvas> … 続きを読む
2012.04.21
03:00
author: taikiken
1件のコメント
矩形を回転させるの巻。 Canvasでのオブジェクトの移動や回転はめんどい。 FlashのDisplayObjectを回転させるのに慣れているとなんでこんなに面倒なのかとぼやきたくなる。 まず描画した矩形を回転させるので … 続きを読む
2012.04.20
12:22
author: taikiken
0件のコメント
context.globalCompositeOperationを使った重なり描画方法。 Photoshopレイヤーの「合成」みたいなもんかなぁ。 Canvasにはレイヤー概念はないので後に描いたものが上に乗っかる。 初 … 続きを読む
2012.04.19
14:36
author: taikiken
0件のコメント
円を描くの巻。 HTML <canvas id=’canvas’></canvas><canvas id=’canvas’></canvas> JavaScript var … 続きを読む
2012.04.19
02:18
author: taikiken
1件のコメント
Canvasをキャプチャして画像書出しするの巻。 HTML <canvas id=’canvas’></canvas><canvas id=’canvas’></canvas&g … 続きを読む
2012.04.18
11:26
author: taikiken
0件のコメント
外部画像を読込んで表示するの巻。 HTML <canvas id=’canvas’></canvas><canvas id=’canvas’></canvas> JavaS … 続きを読む
2012.04.17
20:40
author: taikiken
0件のコメント
線(Path)を描くの巻。 HTML <canvas id=’canvas’></canvas><canvas id=’canvas’></canvas> JavaScri … 続きを読む
2012.04.17
11:38
author: taikiken
0件のコメント
塗りが無い枠だけの矩形を描くの巻。 HTML <canvas id=’canvas’></canvas><canvas id=’canvas’></canvas> Java … 続きを読む