SVG绘图没有用

Question

我制作了一个小脚本来绘制SVG多边形，例如：

http://codepen.io/anon/pen/dGEQwV

var refreshDuration = 10000;
var refreshTimeout;
var numPointsX;
var numPointsY;
var unitWidth;
var unitHeight;
var points;

function onLoad() {
  var svg = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
  svg.setAttribute('width', window.innerWidth);
  svg.setAttribute('height', window.innerHeight);
  document.querySelector('#bg').appendChild(svg);

        var polygon = document.createElementNS(svg.namespaceURI, 'polygon');
            polygon.setAttribute('points', '-5.1 ,-7.1 343.4,-7.1 386.7,194');
        polygon.setAttribute('fill', '#000');
        svg.appendChild(polygon);
      }

但是这段代码没有用:(我做错了什么？

Answer 1

创建多边形的代码完全正常，但除非你调用“onLoad”，否则它不会绘制它。 如果你要多次调用它，你还需要清除div“bg”的innerHTML。