그래서 내가 이것을 사용하고 이미지

Question

에 웹 사이트를 링크하는 사이트

var canvas = document.getElementById('myCanvas'), 
context = canvas.getContext('2d'); 

images(); 
function images() { 
image1 = new Image(); 

image1.src = 'https://lh3.googleusercontent.com/7PP1DeqGfPdu-12ULf1baVkQ7B- 
lZvbjef7uPg5ZWOs5OX_4psOdKJO8RpgaXKhN9OlC=w200-h300'; 

image1.onload = function() { 
    context.drawImage(image1, 10, 10, 220, 300); 
} 

하지만 지금 내가 클릭 할 때 그 이미지의 각 사이트를 링크 할 결정했습니다에서 이미지를 표시합니다.

처음에는 정상적인 href 방법을 사용할 수 있다고 생각했지만이 경우에는 할 수 없습니다. 이걸 내가 설정할 수있는 또 다른 방법이 있니?

Answer 1

캐치 클릭 이벤트 및

Answer 2

는 이벤트 리스너를 추가하여 클릭 이벤트를 만들 수 있습니다 이전의 답변을 확장하려면 = 당신이에서는 window.location하여 원하는 페이지/사이트에 'https://yourwebpage.com'를 리디렉션합니다.

var canvas = document.getElementById('myCanvas'); 

canvas.addEventListener("click", function (event) { 
    // User clicked on canvas 
    window.location = 'https://google.com/' 
});