有没有一种简单的方法在纯JavaScript中(无库)将字符串转换为SVG元素? 像这样:
它的表现非常好,我不需要使用一个 div。
var data = '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M5 3l3.057-3 11.943 12-11.943 12-3.057-3 9-9z"/></svg>';
//convert this string to a DOM element
更新
我使用DOMParser API(https://developer.mozilla.org/en-US/docs/Web/API/DOMParser)解决了该问题。
var data = '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M5 3l3.057-3 11.943 12-11.943 12-3.057-3 9-9z"/></svg>';
function createSVGElement(data) {
var parser = new DOMParser();
var doc = parser.parseFromString(data, "image/svg+xml");
document.body.appendChild(doc.lastChild);
}
它的表现非常好,我不需要使用一个 div。