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

抓住点击事件并通过window.location =＆＃39; https://yourwebpage.com＆＃39;

重定向到您想要的网页/网站

Answer 2

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

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

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

将网站链接到图像

2 个答案: