Rodhos Soft

備忘録を兼ねた技術的なメモです。Rofhos SoftではiOSアプリ開発を中心としてAndroid, Webサービス等の開発を承っております。まずはご相談下さい。

canvas

お絵描きのサンプル マウスをダウンして描画開始、動かしたら線を引いて、マウスをあげたら描画終了

pathの構造

  • path 複数のsubpathから構成されている。
  • subpath 座標点のリストを持ちlinesegmentとも呼ばれる。
  • subpath closedかどうかのフラグを持つ
  • context pathを一つ持つ

    contextの命令

  • beginPath pathのsubpath達をクリアする。
  • moveto 新しいsubpathを作り現在のsubpathとし、pathに追加する
  • lineto 現在のsubpathのlinesegumentに座標点を追加する
  • closePath 現在のsubpathのclosedフラグをtrueにする。
  • stroke pathを描画する。