使用JavaScript使画在画布上的图像可拖动

10 浏览
0 Comments

使用JavaScript使画在画布上的图像可拖动

我成功地在HTML画布上绘制了一张图片。但是我需要能够在画布上拖动这张图片。

我知道一些JavaScript库（如KinectJS）可以很容易地实现这个功能。但是我只想使用简单的JavaScript来完成。

window.onload = function(){
  var canvas = document.getElementById("myCanvas");
  var context = canvas.getContext("2d");
  var destX = 0;
  var destY = 0;
  var imageObj = new Image();
  imageObj.onload = function(){
    context.drawImage(imageObj, destX, destY);
  };
  imageObj.src = "westeros.png";
};

0