[madwizard]

Благодарю, а вот если допустим на картинке кругов 10, код будет выглядеть так?

<map>
  <area coords="координаты" class='area1' />
  <area coords="координаты" class='area2' />
  <area coords="координаты" class='area3' />
  <area coords="координаты" class='area4' />
  <area ... />
</map>

$('.area1').hover(function() {
  $(this).find('.comment').css('display', 'block');
}, function() {
  $(this).find('.comment').css('display', 'none');
});
$('.area2').hover(function() {
  $(this).find('.comment2').css('display', 'block');
}, function() {
  $(this).find('.comment2').css('display', 'none');
});
...

и для каждой области свой скрипт, т.е. нельзя написать один скрипт на все комментарии?
За ранее огромное спасибо.

п.с. а вместо канваса нельзя использовать карту?

<area shape="circle" coords="230,340, 100">