エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
CANVASでのイベント(クリック、キー操作等)処理
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
CANVASでのイベント(クリック、キー操作等)処理
トップページ→プログラミング技術等→CANVAS要素(HTML5)(導入)→ CANVASでのイベント(クリック、キー... トップページ→プログラミング技術等→CANVAS要素(HTML5)(導入)→ CANVASでのイベント(クリック、キー操作等)処理を行うJavaScriptの例を挙げる。 「上記のHTMLをブラウザで開く」を閲覧する際は、Google Chrome等を使用してください(IE8以前では表示されない)。 クリックされた位置に画像を貼る この場合、画面コンテクストではなく、canvasに対するaddEventListenerプロパティで設定する。 このプロパティの引数の'click'は、クリック処理を示し、その次の引数にクリックで呼び出される関数名を記述する。次の引数にはtrueと書いておく。 クリックされた時のカーソルの位置は、呼び出される関数に渡されるeventのプロパティclientX、clientYで其々x座標、y座標が得られる。 但し、これはbody全体の左上端からの座標となる。htm