已解決430363個問題，去搜搜看，總會有你想問的

將圖片作為鏈接

首頁猿問將圖片作為鏈接

將圖片作為鏈接

JavaScript

呼喚遠方 2021-11-25 15:45:44

如何在畫布中制作圖像作為鏈接？我無法將 < a href > 標簽放在 < image > 標簽上，因為我不希望它首先顯示，直到用戶單擊按鈕。我需要在javascript中插入任何代碼行嗎？window.onload = function () { var endCan = document.getElementById("endCan"); var end = endCan.getContext("2d"); var img = document.getElementById("end"); end.drawImage(img, 0, 0, img.width / 2, img.height / 2);};<img id="end" style="display: none;" src="img/WellDone_Rectangle.png"/><canvas id="endCan" class="wrapper" width="1000" height="600"></canvas>$(".buttonNext6").click(function () { $("#endCan").fadeIn();});

查看完整描述

2 回答

慕工程0101907

TA貢獻1887條經驗獲得超5個贊

您需要向畫布添加一個單擊事件處理程序，然后在單擊它時檢查坐標以查看它是否在繪制圖像的位置被單擊。

這是一個示例，使用在畫布上繪制的矩形...

var endCan = document.getElementById("endCan");

var endCtx = endCan.getContext("2d");

endCtx.rect(10, 20, 150, 100);

endCtx.fill();

endCan.addEventListener("click", function(e) {

if (e.clientX >= 10 && e.clientX <= 160 &&

e.clientY >= 20 && e.clientY <= 120) {

alert("clicked");

}

});

反對回復 2021-11-25

拉丁的傳說

TA貢獻1789條經驗獲得超8個贊

window.onload = function () {

var endCan = document.getElementById("endCan");

var end = endCan.getContext("2d");

var img = document.getElementById("end");

end.drawImage(img, 0, 0, img.width / 2, img.height / 2);

};

//$(".buttonNext6").click(function () {

// $("#endCan").fadeIn();

//});

function canvasCallback() {

console.log('clicked')

}

反對回復 2021-11-25

2 回答
0 關注
187 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

將圖片作為鏈接

將圖片作為鏈接

2 回答

添加回答