<html5>如何在画布上添加鼠标事件绘制图像

Question

我想添加链接至图像。

imageObj.onload = function() { 
    ctx.drawImage(imageObj, 400, 20, 365, 115); 
    }; 
    imageObj.src = '../images/category.jpg'; 

我该怎么办呢？

如果我点击图像，功能执行。

Answer 1

你可以得到父母，然后链接与它 -

var parentEl = imageObj.parent; 
var imgEl = parentEl.innerHtml; 
parentEl.innerHtml = '<a href="test.html">' + imgEl + '</a>'; 

关联，如果你想在图像的点击执行功能： 添加事件侦听到IT-

imageObj.addEventListener('click', function (e) { 
//code 
    }); 

希望能帮助到你！