HTML5 Canvas Mouseover Event ⇐ Html

[Anonymous]

Как мне связать мышь или какое -либо событие с натянутым объектом на холсте? Например, я попробовал это: < /p>

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.beginPath();

//STEP ONE
var stepOneRec = ctx.rect(20, 60, 266, 50);
ctx.stroke();
stepOneRec.addEventListener("mouseover", function() { alert('it works!'); });
< /code>

На одном сайте я посмотрел на него, показал метод с использованием kinetic.js. Если это единственный способ, я использую его, я просто предполагаю, что есть способ связать события, чтобы нарисовать элементы без дополнительных плагинов. Извините, холст нуб. Я сделал скрипку со своим кодом здесь: http://jsfiddle.net/jybsz/2/

Подробнее здесь: https://stackoverflow.com/questions/190 ... over-event