javascript - 我如何使用 Canvas 上的图像进行 HitTest ？

Question

我以这种方式创建图像:

var orc = new Image();
        orc.src = "./orc.png";

我在这样的对象中使用图像:

function Character(hp, image){
    this.hp = hp;
    this.image = image;
};

我多次调用它，例如:

unit245 = new Character(100, orc);

而我是这样画的，例如:

ctx.drawImage(unit245.image, 15, 55, 100, 100);

如何让鼠标点击或移动到 Canvas 上我的 unit245 上方？

我需要这样的东西 http://easeljs.com/examples/dragAndDrop.html但没有任何框架(jquery 除外)

Answer 1

没有内置的方式。我在 making movable and selectable shapes on a Canvas 上写了一些教程帮助人们开始做这类事情。

简而言之，你需要记住你画了什么，画在哪里，然后检查每一次鼠标点击，看看你是否点击了什么。