Не знаю, правильно ли я выбрал раздел, но все же..
Вот, допустим, есть некая картинка. Мне нужно, скажем, по клику на кнопке обвести контур некой фигуры, изображенной на этой картинке.
Ну, например, есть фото аэропорта. Щелкнул "самолеты" - контуры самолета обведены красным, щелкнул "машины" - соответственно, машины.
Нет, я не говорю о распознавании образов - просто по некоторому событию мне нужно "обвести контуры" заранее известных объектов. Как это наиболее экономично сделать? Уж больно не хочется перегружать всю картинку..

Самый лучший способ - взять редактор (например ту же frontpage) Там есть модус с помощью которого можно "обводить" обьекты. Руками просто координаты муторно забивать
Получится как здесь:
http://files.vingrad.ru/sergej.z/all.html


вот вырезка HTML;

Код

<map name="FPMap0">   <area href="http://vingrad.ru/Мышка" title="Мышка" shape="rect" coords="89, 448, 136, 536">   <area href="http://vingrad.ru/@Cashey" title="Cashey" shape="rect" coords="617, 421, 711, 525"> </map> <img border="0" src="http://forum.vingrad.ru/uploads/post-24-1109541391.jpg"  usemap="#FPMap0" width="1200" height="812">

Потом каждому обьекту сажать border я думаю.
Посмотрю ещё...

Нет, border не катит...
тогда на величину картинки наложи таблицу в ячейках - прозрачные гифы с контуром.
Самому гифу на событие

Код

onmouseover="this.style.display = ''"  onmouseout="this.style.display ='none' "

Довольно сложно и если нужен новый контур, то придётся создавать его отдельно... Зачем это нужно? Чем флеш не подошёл?

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

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