我是这个网站的新手,这是我在这里问的第一个问题..如果它的简单请原谅我.. 我已经绘制了一个背景图片,在此我使用drawImage()方法绘制了5个小的小图片。一旦我触摸小图像,那么他们应该消失或应该弹出一个警告框,但ontouch事件没有发生,迄今为止我已经搜索了ontouch事件,但没有用。我不想通过HTML中的img标签来绘制图像。 这里是我的代码段如何在canvas HTML5中使用ontouch事件?
var car = new Image();
car.src = "img/car.jpg";
car.onload = function() {
imgLoaded = true;
}
if (imgLoaded = true) {
drawBackgroundImg();
drawCarImg();
}
function drawCarImg() {
if (i == 0) {
x1 = Math.floor((Math.random() * 501));
y1 = Math.floor((Math.random() * 301));
cxt.save();
cxt.drawImage(car, x1, y1, car.width, car.height);
cxt.restore();
}
}
car.on('touchstart', function() {
alert("T");
});
Here is my HTML code
οnclick="zoomOut()" />