編輯外部SVG圖形通過JavaScript

我有一個普通的HTML頁面，就像這個例子：編輯外部SVG圖形通過JavaScript

<html> 
    <head> 
    <title>Test</title> 
    </head> 
    <body> 
    <img src='test.svg' id='myImage' /> 
    </body> 
</html>

是它在某種程度上可以編輯包含在'img'-TAG中的SVG圖像？我想添加像circle或animate之類的元素。

感謝您的幫助。

來源

2012-07-10 Florian Müller

可能重複http://stackoverflow.com/questions/8102528/how-do-you-access-the-contents -of-an-svg-file-in-img-element） – 2012-07-11 14:01:04

你應該直接在html中使用svg以便能夠輕鬆地操縱svg。如果你有一個外部文件，你可以通過ajax加載它來避免重複的代碼（或者只是把它包含在服務器上）。我的經驗是，使用src屬性可以更輕鬆地處理html中的svg。

<html> 
<body> 

<svg xmlns="http://www.w3.org/2000/svg" version="1.1"> 
    <circle cx="100" cy="50" r="40" stroke="black" 
    stroke-width="2" fill="red"/> 
</svg> 

</body> 
</html>

的[你如何訪問一個SVG文件的內容在元素？]（

來源

2012-07-11 17:24:26

Hoi Adi :) dankefürd Antwort x） – 2012-07-11 21:00:56

編輯外部SVG圖形通過JavaScript

回答

相關問題