如何將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？

回答

相關問題