勉強部屋‎ > ‎HTML5‎ > ‎

Canvasを使ったドローツール(のようなもの)

  • マウスでCanvasに四角と三角と円を描画します.
    • 左上のボタン(っぽいもの)でどの図形を描くかを選択
    • キーボードでも
      • r : 四角を選択した状態に
      • t : 三角を選択した状態に
      • c : 円を選択した状態に
  • マウスで図形を選択して,移動,リサイズ,削除ができます.
    • 移動,リサイズはマウスのドラッグ&ドロップで.
    • 削除はDELボタンまたは,DELキーで.
  • 選択した状態でキーボードをたたくと,文字も入力できます.(英数字のみ)
    • BSボタンまたはBSキーで,選択した図形の最後の文字を削除します.


不具合:  m(o)m
  • Chromeで,たまに文字入力ができなくなる.
  • Firefoxで,バックスペースが効かない.