如何使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>');

但是，如果您的文档中已经存在一个文档，那么您所要做的就是对其进行查询并将其分配给一个变量。 无需通过字符串进行解析。