SVG Constructor

SVGConstructor.js

    /**
     * SVG ICON CONSTRUCTOR
     * @constructor 
     * @param {string} svgId The reference ID for the SVG (for use with the 'use' svg)
     * @param {string} className Class of the SVG's parent element
     */
    function Svg(svgId, className) {
        this.svgId = svgId;
        this.className = className;
        this.createSvg = function () {
            // Create the parent namespace SVG element
            var namespace = document.createElementNS("http://www.w3.org/2000/svg", "svg");
            namespace.setAttribute("class", className);
            // namespace.className = this.className;
            // Create the SVG use (shadow)
            var use = document.createElementNS("http://www.w3.org/2000/svg", "use");
            use.setAttributeNS(null, "href", "#".concat(svgId));
            // Append element as child of the parent
            namespace.appendChild(use);
            return namespace;
        };
    }