将网站链接到图像答案

【问题标题】：linking a website to an image将网站链接到图像
【发布时间】：2018-04-29 12:51:37
【问题描述】：

所以我用它在网站上显示图像

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 方式，但在这种情况下不能这样做。还有其他方法可以设置吗？

【问题讨论】：

可能想看这个：stackoverflow.com/a/6217714/1926621

标签： javascript html image hyperlink

【解决方案1】：

捕捉点击事件并通过window.location='https://yourwebpage.com'重定向到你想要的页面/站点

【讨论】：

【解决方案2】：

要扩展上一个答案，您可以通过添加事件侦听器来创建点击事件。

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

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

【讨论】：