Неправильные якоря и формы с использованием JS в HTML / HTML5

Question

Возможно ли иметь неправильную форму, например якоря, на какой-либо поверхности в JS, на которую можно нажимать, и она становится шариком во время выполнения при загрузке страницы?Я хочу анимировать ту поверхность, которая может быть шаром, а также отслеживать ту форму якоря, которая находится в определенной точке.

Так возможно ли использование JS?Как этого достичь?Я не смог найти никакого решения.Есть ли библиотека JS, которая может это сделать?Что-то вроде processing.js или Raphael js?

Answer 1

Могу ли я предложить карту изображения HTML?Вы можете встроить тег IMG в страницу, установить его атрибут usemap, а затем определить фигуры на этом изображении, чтобы они были активными для щелчка.

У него не так много функций, как у холста, но, возможно, обычный элемент IMG подойдетв этом случае.

Answer 2

Я предлагаю использовать SVG с превосходной Raphael js библиотекой. Вы можете создавать интерактивные анимации с использованием чистого JavaScript (т. Е. Без дополнительных плагинов), и эти объекты можно создавать нерегулярными якорями (переопределяя события click, mouseover и mouseout для эмуляции поведения привязки).

Другая идея заключается в использовании HTML5 canvas, но для этого требуется больше кода (технология все еще незрелая) и может не работать в разных браузерах.