<html5>如何在画布中添加鼠标事件绘制图像</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>';

并且如果要在单击图像时执行功能： 将eventlistener添加到它 -

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

希望，这有帮助！