如何将JavaScript链接到SVG？

我有一个与SVG和JS一起工作的项目。现在SVG负责调用JS。在SVG代码的中间有这样的指令：如何将JavaScript链接到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" /> 
....

来源

2011-03-14 user658832

不知道你想和iscriptdesign插件，但你可以看到一些JavaScript manupulation查看不同SVG图像内容。在线调整图像，并使用html 5的文件api上传它们。

来源

2011-03-14 15:00:11

仔细看看，我认为你正在寻找一个嵌入的钩子来拦截和操纵svg/javascript代码。如果 – 2011-03-14 15:07:11

在脚本元素上的xlink：actuate，xlink：show和xlink：type属性不是必需的，您可以安全地删除它们。

最好使用<object>而不是<embed>，因为如果浏览器缺乏显示svg的能力或者由于任何原因而被禁用，那么您可以提供回退内容。欲了解更多信息，请参阅SVG Primer。

如果要从svg调用引用它的文档的函数，请参阅scripting between svg and html以获取一些示例。

来源

2011-03-14 15:04:21

只需添加我从链接中提取的内容：调用外部JavaScript函数与'onclick =“top.myJSFunc（）”'一起使用，重点放在** top。**前缀函数上。 – mabi 2012-10-30 08:51:44

那么，如果你需要最上面的文件，你会使用'top'。你可以使用'parent'来获得最接近的父文件 - 这里是一个例子：http://xn--dahlstrm-t4a.net/svg/html/from-svg-to-parent-html-script.html – 2012-10-30 09:20:24

如何将JavaScript链接到SVG？

回答

相关问题