5

Есть ли возможность средствами только канваса задавать активную области область на изображении подобно HTML-тегу <map>? Через SVG тоже не желательно.

2 ответа 2

6

Для тех, кто набрел на вопрос через поиск, - возможные решения.

  1. Создать на скрытом канвасе проекцию требуемого объекта, “выкрасить” её в определённый цвет. Затем берём координаты на видимом канвасе и смотрим данные о цвете точки с этими координаты на скрытом (getImageData) и если полученное - цвет нужной проекции, то мы навели мышку на объект. Подмогой для создания проекции может послужить глобальное свойство globalCompositeOperation. В цвете проекции можно задавать код объекта, что удобно при проецирование нескольких объектов.

  2. Так же нахождение точки на фигуре можно рассчитать математически. Подборка ссылок:

1

Средствами канваса не получится, но можно попробовать приобщить к этому делу js.

Результат можно посмотреть здесь.

2
  • Благодарю. Но фишка заключалась в том, чтоб обойтись без сложных расчетов, задавая при этом произвольные фигуры. В итоге решили плюнуть и использовать html. Для тех кто набрел на вопрос через поиск - возможные решения: 1.Создать на скрытом канвасе проекцию требуемого объекта, “выкрасить” её в определённый цвет. Затем берём координаты на видимом канвасе и смотрим данные о цвете точки с этими координаты на скрытом (getImageData) и если полученное - цвет нужной проекции то мы навели мышку на объект. Подмогой для создания проекции может послужить глобальное свойство globalCompositeOperation.
    – Sorgot
    29 авг 2012 в 16:00
  • ок, понятно
    – Damon
    30 авг 2012 в 6:17

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.