Как я могу связать JavaScript с SVG?

Question

У меня есть проект, который работает с SVG и JS.В настоящее время SVG отвечает за вызов JS.В середине кода SVG есть такая инструкция:

planta30263.svg

<?xml version="1.0" encoding="UTF-8"?>
....
<script type="text/javascript" xlink:href="tatu1/svgEditarVisualizacao.js"     xlink:actuate="onLoad" xlink:show="other" xlink:type="simple" />
.....

Однако иногда бывает необходимо изменить каталог с одного сервера на другой.(tatu1 -> tatu2) Итак, я хотел бы знать, есть ли способ заставить JS вызывать SVG на странице, в которую встроен SVG, внешний вызов.

vis_rota.jsp

....
<embed  src="<%=planta%>" id="plantaSVG" type="image/svg+xml" name="plantaSVG" />
....

Answer 1

Атрибуты xlink: activate, xlink: show и xlink: type в элементе script не обязательны, их можно безопасно удалить.

Лучше использовать <object>, чем <embed>, потому что тогда вы можете предоставить запасной контент, если браузер не имеет возможности отображать svg или если он был отключен по какой-либо причине. Для получения дополнительной информации см. SVG Primer .

Если вы хотите вызывать функции из svg в документе, который ссылается на него, см. сценарии между svg и html для некоторых примеров.

Answer 2

Не уверен, что вы хотите, и вилка, но на iscriptdesign вы можете увидеть некоторые манипуляции JavaScript для просмотра различных изображений SVG. Адаптируйте изображения онлайн и загружайте их, используя файл api в формате html 5.