タグ

ブックマーク / www.sist.ac.jp/~kanakubo (1)

  • CANVASでのイベント(クリック、キー操作等)処理

    トップページ→プログラミング技術等→CANVAS要素(HTML5)(導入)→ CANVASでのイベント(クリック、キー操作等)処理を行うJavaScriptの例を挙げる。 「上記のHTMLをブラウザで開く」を閲覧する際は、Google Chrome等を使用してください(IE8以前では表示されない)。 クリックされた位置に画像を貼る この場合、画面コンテクストではなく、canvasに対するaddEventListenerプロパティで設定する。 このプロパティの引数の'click'は、クリック処理を示し、その次の引数にクリックで呼び出される関数名を記述する。次の引数にはtrueと書いておく。 クリックされた時のカーソルの位置は、呼び出される関数に渡されるeventのプロパティclientX、clientYで其々x座標、y座標が得られる。 但し、これはbody全体の左上端からの座標となる。htm

  • 1