FC2ブログ

HTML5 の Canvas


Canvas を使うと
HTML と javascript だけで背にゃ図形を描ける
Canvas を使って線や図形を描画する手順は

Canvas オブジェクトを取得

Camvas オブジェクトから描画用コンテキスト(Context) を取得

コンテキストのメソッドやプロパティを利用して描画する

で次に線の描画処理の手順

bigenPath() でパスの指定を開始
moveTo() で基点となる (x1,y1) を指定する
LineTo() で終点(x2,y2)を指定

stroke() で実際に線を書く

ckisePath() でパスを閉じる

という流れ

ipod touch とかの手書きアプリのようにしたいなら
終点を次の基点にして
線を描画する手順をマウスのドラッグ操作に合わせて繰り返せばOKらしい
スポンサーサイト



テーマ : プログラミング
ジャンル : コンピュータ

コメント

非公開コメント

最新記事
検索フォーム
GREEハコニワ攻略サイト
リンク
カテゴリ
月別アーカイブ
フリーエリア
最新記事
FXプライムレート
最新コメント
最新トラックバック