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». , если вы будете называть его несколько раз, вам также нужно очистить внутреннийHTML вашего div «bg», .