タグ

Canvasとdevに関するtomk79のブックマーク (1)

  • 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(

    canvas上での画像にリンクを貼る方法 - 生涯未熟
  • 1