встраивание JavaScript и CSS в SVG

Question

встраивание JavaScript и CSS в SVG

1

У меня есть карта США:

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 в нужную область. кто-то может помочь мне

Я делаю это frmo svg:

и когда на самом деле есть мышь, это ничего не делает

l--''''''---------'''''''''''' 24 авг. 2010, в 22:20

Источник

0

Это может НЕ дать прямого ответа на ваш вопрос, но исходная страница вашего файла .svg фактически использует изображение для отображения карты. <img alt="" src="http://upload.wikimedia.org/wikipedia/commons/thumb/4/4a/Commons-logo.svg/30px-Commons-logo.svg.png" width="30" height="40" />
Mark Schultheiss 24 авг. 2010, в 19:43
0

и вот еще один: (больший) <img width="800" height="495" alt="File:Map of USA with state names.svg" src="http://upload.wikimedia.org/wikipedia/commons/thumb/a/a5/Map_of_USA_with_state_names.svg/800px-Map_of_USA_with_state_names.svg.png" complete="complete"/> Оба они были получены из этого источника страницы :)
Mark Schultheiss 24 авг. 2010, в 19:44

Теги:

javascript

xml

css

svg

1 ответ

Ещё вопросы

Это может НЕ дать прямого ответа на ваш вопрос, но исходная страница вашего файла .svg фактически использует изображение для отображения карты. <img alt="" src="http://upload.wikimedia.org/wikipedia/commons/thumb/4/4a/Commons-logo.svg/30px-Commons-logo.svg.png" width="30" height="40" />
и вот еще один: (больший) <img width="800" height="495" alt="File:Map of USA with state names.svg" src="http://upload.wikimedia.org/wikipedia/commons/thumb/a/a5/Map_of_USA_with_state_names.svg/800px-Map_of_USA_with_state_names.svg.png" complete="complete"/> Оба они были получены из этого источника страницы :)

Mark Schultheiss · Accepted Answer · 2010-08-24T17-50-00.000Z

ПРИМЕЧАНИЕ: ПРОСМОТРЫ: Я ЗНАЮ, ЧТО ЭТО НЕ СООТВЕТСТВУЕТ ВОПРОСУ СПЕЦИФИЧЕСКИ: МОЖЕТ ПОПЫТАТЬ ПОМОЩЬ ПОСТЕРУ, КОТОРАЯ ДАЛЕЕ ПРОСМОТРЕТЬ ПРОСМОТР ВОПРОСОВ.

Я косвенно отвечу на ваш вопрос, учитывая мой обзор ваших других вопросов.

Мое предположение: вы хотите отобразить текстовое поле, которое мышь переместили на область certian карты. На исходной странице, которую вы отправили

Таким образом, вам нужно исследовать это: http://www.w3schools.com/js/js_image_maps.asp относительно карт изображений. Затем вы можете поместить приятные полевые/текстовые изображения, связанные с областью на изображении, над которым движется ваша мышь.

Это гораздо более высоко поддерживается, чем метод прямого svg, который вы пытаетесь, который не поддерживается хорошо.

Чтобы получить изображение, вы можете щелкнуть его правой кнопкой мыши на этой странице и "сохранить изображение как" в своем браузере.

ПРИМЕЧАНИЕ. В нижней части этой страницы есть карта размером 400 пикселей, щелкнув ссылку "EDIT" справа от нее, которая покажет вам карту изображения для этого разрешения карты, которая может быть хорошей отправной точкой, если вы хотите если они имеют разный размер (кроме 400 пикселей). Таким образом, вам нужно будет изменить числа на этой карте изображения, если вы масштабируете карту на другую страницу на своей странице.