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， 。