События на рисунках canvas
Как присвоить событие картинке на canvas?
<!DOCTYPE html>
<html>
<head>
<title></title>
<script>
function go() {
var canvas = document.getElementById("canvas"),
c = canvas.getContext("2d"),
w = canvas.width,
h = canvas.height;
c.beginPath();
c.arc(w/2, h/2, 30, 0, 2 * Math.PI, false);
c.lineWidth = 3;
c.strokeStyle = "#000";
c.fillStyle = "#eee";
c.stroke();
c.fill();
c.closePath();
}
</script>
</head>
<body onload="go()">
<canvas id="canvas" width="100" height="100"></canvas>
</body>
</html>
|
например в кружочке в примере выше
|
Есть реализация в этой билиотеке. Как это работает?
|
Если простой такой кружок без рисования сложных логотипов и ты хотел именно чтоб событие срабатывало в конкретном месте логотипа этого нет. А в твоем случае можно привязать обработчик события к самому холсту как к обычному диву но оно будет срабатывать на весь холст а не на кружок то-есть 100х100. Я на канвасе особо не рисовал не знаю всех приколов, может там можно сделать форму холста не квадратную а под твой кружок тогда будет все нормально.
|
| Часовой пояс GMT +3, время: 14:42. |