HTML5 の Canvas

Canvas を使うと
HTML と javascript だけで背にゃ図形を描ける
Canvas を使って線や図形を描画する手順は
Canvas オブジェクトを取得
Camvas オブジェクトから描画用コンテキスト(Context) を取得
コンテキストのメソッドやプロパティを利用して描画する
で次に線の描画処理の手順
bigenPath() でパスの指定を開始
moveTo() で基点となる (x1,y1) を指定する
LineTo() で終点(x2,y2)を指定
stroke() で実際に線を書く
ckisePath() でパスを閉じる
という流れ
ipod touch とかの手書きアプリのようにしたいなら
終点を次の基点にして
線を描画する手順をマウスのドラッグ操作に合わせて繰り返せばOKらしい

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です