встраивание JavaScript и CSS в SVG
i есть карта США:
http://upload.wikimedia.org/wikipedia/commons/a/a5/Map_of_USA_with_state_names.svg
я пытаюсь вставить в него этот код:
http://sixrevisions.com/ tutorials / javascript_tutorial / create_lightweight_javascript_tooltip /
, поскольку вы можете видеть, что у него есть CSS и javascript
, однако у меня очень трудное время, когда я пытаюсь разместить CSS и JavaScript в нужной области. Может кто-нибудь, пожалуйста, помогите мне
, я делаю это от SVG:
, и когда на самом деле наведен указатель мыши, ничего не делает
1 ответ
ПРИМЕЧАНИЕ: ЗРИТЕЛИ: Я ЗНАЮ, ЧТО ЭТО НЕ СООТВЕТСТВУЕТ КОНКРЕТНО ВОПРОСУ: ЭТО Я ПЫТАЮСЬ ПОМОЧЬ ПЛАКАТУ, ПРЕДОСТАВЛЯЮЩЕМУ ШИРОКИЙ ВЗГЛЯД НА ОТПРАВЛЕННЫЕ ВОПРОСЫ.
Я собираюсь косвенно ответить на ваш вопрос, учитывая мой обзор других ваших вопросов.
Мое предположение: вы хотите отобразить текстовое поле при наведении указателя мыши на определенную область карты. На исходной странице, которую вы разместили,
Таким образом, вам необходимо исследовать следующее: http://www.w3schools.com/js/js_image_maps.asp относительно карт изображений. ТОГДА вы можете поместить красивую рамку / текстовые изображения, связанные с областью изображения, по которой перемещается ваша мышь.
Это гораздо лучше поддерживается, чем прямой метод svg, который вы пытаетесь использовать, который не поддерживается должным образом.
Чтобы получить изображение, вы можете щелкнуть его правой кнопкой мыши на этой странице и «сохранить изображение как» в своем браузере.
ПРИМЕЧАНИЕ. Внизу этой страницы есть карта размером 400 пикселей. Нажав на ссылку "ИЗМЕНИТЬ" справа от нее, вы увидите карту изображений для этого разрешения карты, которая может послужить хорошей отправной точкой, если вы захотите. если быть другого размера (кроме 400px). Таким образом, вам нужно будет изменить числа на этой карте изображения, если вы масштабируете карту до другого разрешения на своей странице.