SVG的學習(34—36)

使用js來動態繪製svg圖片，首先就是要創建svg 節點。

使用createElementNS(),語法：

document.createElementNS(namespaceURI, qualifiedName[, options]);

參數：

有效的命名空間URL有：

代碼舉例：

var nameSpace = 'http://www.w3.org/2000/svg';  //命名空間url
    var max = Math.max.apply(null, data);
    var proportion = max/350;
    var interval = 40;
    var columnStyle = 'stroke: blue; fill: blue';
    for (var singleColumn of data) {
        document.createElementNS(nameSpace,'rect') //創建矩形
    }