使用JavaScript创建SVG标签

一尘不染

使用JavaScript创建SVG标签

javascript

如何使用JavaScript创建SVG元素？我尝试了这个：

var svg = document.createElement('SVG');
    svg.setAttribute('style', 'border: 1px solid black');
    svg.setAttribute('width', '600');
    svg.setAttribute('height', '250');
    svg.setAttribute('version', '1.1');
    svg.setAttribute('xmlns', 'http://www.w3.org/2000/svg');
document.body.appendChild(svg);

但是，它将创建宽度为零，高度为零的SVG元素。

阅读 417

2020-05-01

共1个答案

一尘不染

尝试这个：

var svg = document.createElementNS("http://www.w3.org/2000/svg", "svg");

    svg.setAttribute('style', 'border: 1px solid black');

    svg.setAttribute('width', '600');

    svg.setAttribute('height', '250');

    svg.setAttributeNS("http://www.w3.org/2000/xmlns/", "xmlns:xlink", "http://www.w3.org/1999/xlink");

    document.body.appendChild(svg);

2020-05-01