从String创建SVG DOM元素

Question

问

从String创建SVG DOM元素

神秘人-2012 发布于 2023-01-11 09:03

我如何从一个创建一个SVG DOM元素String？

例:

var svgStr = '';

Robert Longs.. 28

您可以使用DOMParser来解析XML字符串.

var parser = new DOMParser();
var doc = parser.parseFromString(stringContainingXMLSource, "image/svg+xml");

解析后的字符串的根元素是doc.documentElement

为了使其能够跨浏览器正常工作,您需要设置html命名空间,即您的字符串需要看起来像这样......

var svg2='
        
          
        

      

    
  

  
  

    

      

        helderdaroch..
         11
      
      
假设您使用的是JavaScript,您只需将该字符串作为innerHTML通过DOM API获取的现有元素传递:

var svg2 = "";
var container = document.getElementById("container");
container.innerHTML = svg2;


请参阅:JSFiddle

2 个回答

假设您使用的是JavaScript,您只需将该字符串作为innerHTML通过DOM API获取的现有元素传递:
```
var svg2 = "<svg ...> ... </svg>";
var container = document.getElementById("container");
container.innerHTML = svg2;
```
请参阅:JSFiddle
2023-01-11 09:06 回答

念念不忘的叶子公寓
您可以使用DOMParser来解析XML字符串.
```
var parser = new DOMParser();
var doc = parser.parseFromString(stringContainingXMLSource, "image/svg+xml");
```
解析后的字符串的根元素是doc.documentElement

为了使其能够跨浏览器正常工作,您需要设置html命名空间,即您的字符串需要看起来像这样......
```
var svg2='<svg xmlns="http://www.w3.org/2000/svg"   ...
```
2023-01-11 09:07 回答

mobiledu2502889283

撰写答案