エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
canvas上での画像にリンクを貼る方法 - 生涯未熟
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
canvas上での画像にリンクを貼る方法 - 生涯未熟
結構探したけどどこにもあまり書いてなかったので備忘録としてまとめることに。 まず、canvasを作成する... 結構探したけどどこにもあまり書いてなかったので備忘録としてまとめることに。 まず、canvasを作成するところは色んなところで書かれているので割愛。 画像を描画する部分ですが、一応私の方法を書くと。 var img = new Image(); img.src = "画像URL";で画像の準備を行い、 ctx.drawImage(img, x座標,y座標);canvasオブジェクトに先ほどの画像をdrawImageする。 これで画像の描画終わり。 肝心のリンクを貼る方法ですが、canvasのオブジェクトを作った下辺りに canvas.addEventListener("mousedown", mouseDownListner, false);とやらを埋め込みます。 そして、関数にmouseDownListner(e)というのを作ります。 function mouseDownListner(