Кликабельные области в .JPEG-картинке?

Question

У меня есть .JPEG-картинка, и я бы хотел, чтобы она была фоновой. Можно ли иметь на этом изображении отдельные области, которые будут действовать как кнопки без использования кнопки?

Допустим, моя картинка содержит три буквы, A, B и C. Можно ли создать какую-то область вокруг каждой буквы, которая позволяет пользователю нажимать на букву B и тем самым отвечать определенным образом (например, рисовать какой-нибудь текст в другой области изображения)?

Answer 1

Существует множество способов, многие из которых включают кнопки.Например, вы можете использовать элементы управления, стилизованные для кнопок, чтобы в их элементе управления не было ничего, кроме прозрачного прямоугольника, и, таким образом, они были невидимы, но при этом вели себя как кнопки.Или, возможно, обрабатывать события более низкого уровня, такие как MouseLeftButtonDown на изображении, и определять положение мыши при возникновении события.Действительно ... много способов.Все зависит от конкретных требований, насколько настраиваемым должно быть решение, насколько гибко ... и т. Д.

Answer 2

Один из способов сделать это - использовать HTML-теги <map> и <area>. См. Здесь

Другим способом было бы определить некоторые <a> теги и затем расположить их (без фонового изображения или текста) в областях, которые вы хотите щелкнуть, но <map> должно работатьотлично в этом случае.