Вопрос по SVG
 

Есть одна проблема, она заключается в том, что ивент крепится не к g а к его элементам. Как исправить?

<g mouseover="alert('a')">
<rect x="0" y="0" width="100" height="100"/>
<rect x="50" y="50" width="100" height="100"/>
</g>

никак, это же SVG события вешаются не на прозрачные места а на то что отрисовано

Вот именно что он ивенты должен класть на фигуру, а не на элементы, которые рисуют фигуру!

т.е. это onmouseover срабатывает некорректно!
Два ректа, значит по двум водишь и срабатывает событие!
А нужно, чтобы это было по фигуре!

Ну а вообще, нельзя никак реализовать события в HTML5 Canvas?
Я вообще не могу использовать картинку как неправильную форму для событий!