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

但是，如果您的文檔中已經存在一個文檔，那么您所要做的就是對其進行查詢並將其分配給一個變量。 無需通過字符串進行解析。