<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 
    }); 

希望能幫助到你！