javascript — сделать картинку как ссылку

Сделать картинку как ссылку

Вам нужно добавить обработчик событий щелчка на холст, а затем, когда он щелкает, вы проверяете координаты, чтобы увидеть, был ли он нажат там, где было нарисовано ваше изображение.

Вот пример использования прямоугольника, нарисованного на холсте …

 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 {amp}gt;= 10 {amp}amp;{amp}amp; e.clientX {amp}lt;= 160 {amp}amp;{amp}amp; e.clientY {amp}gt;= 20 {amp}amp;{amp}amp; e.clientY {amp}lt;= 120) { alert("clicked"); } }); 
 {amp}lt;canvas id="endCan" class="wrapper" width="500" height="300"{amp}gt;{amp}lt;/canvas{amp}gt; 
Понравилась статья? Поделиться с друзьями:
JavaScript & TypeScript
Adblock
detector