如何使SVG元素等于javascript中的变量

Question

我想知道如何在javascript中设置一个等于SVG元素的变量，如果可能的话。

Answer 1

此函数将返回一个，您可以将其分配给任何变量

 var svgElementFromString = function(str) {
    var div = document.createElement('DIV');
    div.innerHTML = str;
    var svg = div.querySelector('svg');
    if (!svg) { console.log('No SVG found in loaded contents'); return; }
    else return svg;
  }

...

var mySvg = svgElementFromString('<svg height=100% width=100% viewbox="0 0 30 30">  <rect width=30 height=30 style="fill:rgb(0,0,255);stroke-width:3;stroke:rgb(0,0,0)" /></svg>');

但是如果您的文档中已有现有文件，那么您所要做的就是查询它并将其分配给变量。无需通过字符串解析它。