canvasで画像をマウスのドラッグ&ドロップをしてみる | lab ve-locanvasを利用するので最初にセットを用意する キャンバスでは最初の設定は下記のようにする var canvas = document.getElementById("canvas"); var ctx=canvas.getContext("2d"); function init(){ } 今回はmouse系のイベントを用意する。 また、canvas内で利用をする画像は次のように設定をしておく var image = new Image(); image.src="sample.jpg"; 画像の位置データでは、変数がいくつか必要なのでオブジェクトを用意をしておく var imageObject = { x:0, y:0, width:100, height:100 }; 画像の描画はdrawImageを利用して次のようにできる ctx.drawImage(image,imageObje
