Ссылка экзотической формы (не прямоугольная)

[Cypher76]

Доброго времени суток, уважаемые форумчане. Впервые постю в форум на htmlbook. Заранее прошу прощенья, если что-то не так. Поправьте, исправлюсь.

Ставлю себе задачу, научиться делать ссылки произвольной формы .

Действительно произвольной. При этом хотелось бы уметь отслеживать наведение курсора на ссылку, делать ее активной и т.д.

Начну, пожалуй, с треугольников, трапеций и т.д., но в итоге хочу вот такую:

(кусок бублика : )

Проблема: не знаю, с чего начинать. Гуглится задача очень тяжело, ибо результаты это геометрия для школьников со словами "ссылка на учебник" .

Решение на уровне логики: мне в голову приходят два решения.

1) JavaScript с запрограммированным алгоритмом выяснения принадлежности точки данной области, где в качестве точки выступает курсор, область - желаемая. Пора учить JavaScript?

2) В качестве ссылки использовать четкую картинку. Искать инструмент, который может распознать картинку и выделить область. Т.е. имея картинку нам как бы достаточно информации для понимая того, какую область надо сделать ссылкой.

Прошу: направить в нужную область, поделиться ссылками на самоучители и т.д. Конечно, не откажусь от куска нужного кода

[sigma77]

Cypher76,

http://htmlbook.ru/html/map - это для начала не пойдет?

[Cypher76]

Да, точно! Мэпы.

Тут все просто. Но для скругленных областей хотелось бы что-нибудь помощьнее .

[sigma77]

Cypher76,

Поищи на этом форуме были похожие реализации - карта с подсветкой регионов.

Еще вариант - canvas или svg.

Edited September 22, 2011 by sigma77

[MaferoK]

canvas тут всё расписано , проще некуда )

[Cypher76]

MaferoK, похоже на то, что нужно.

*сосредоточился на чтении*

Спасибо

sigma77, вариант с мэпами тоже рассмотрю.

[Great Rash]

canvas тут всё расписано , проще некуда )

Это совсем не то. Автору топика надо кликать на объект произвольной формы, а не рисовать его. Канвас тут ничем не поможет. Рекомендую изучить JS-библиотеку Raphael.js

[Cypher76]

canvas тут всё расписано , проще некуда )

Это совсем не то. Автору топика надо кликать на объект произвольной формы, а не рисовать его. Канвас тут ничем не поможет. Рекомендую изучить JS-библиотеку Raphael.js

Вы правы. Спасибо. Очень сильно помогли. Думаю хоть это и самый сложный вариант, но тем не менее самый мощный