svg

function getSvgFileData(url){
        var rawFile = new XMLHttpRequest();
        var myData;
        var myDiv = document.createElement("div");
        rawFile.open("GET",url,false);
        rawFile.onreadystatechange = function(){
            if(rawFile.readyState === 4){
                if(rawFile.status === 200 || rawFile.status == 0){
                    myDiv.innerHTML = rawFile.responseText;
                    myData = myDiv.getElementsByTagName("svg")[0];
                }else{
                    console.log("STATUS NOT 200");
                }
            }else{
                console.log("READY STATE NOT 4");
            }
        }
        rawFile.send(null);
        return myData;
    }

    $("body").on("click","#getpdf",function(){
        var svgContents = editor.getElement();
        console.log("SVG CONTENT : ");
        console.log(svgContents.outerHTML);
        var gTabs = svgContents.getElementsByTagName("g");
        console.log("TABS : "+gTabs.length);
        for(var i = 0;i<gTabs.length;i++){
            console.log("FOUND G : ");
            console.log(gTabs[i]);
            var imgTabs = gTabs[i].getElementsByTagName("image");
            console.log("IMAGES : "+imgTabs.length);
            for(var n = 0;n<imgTabs.length;n++){
                console.log("FOUND IMAGE : ");
                console.log(imgTabs[n].getAttributeNS("http://www.w3.org/1999/xlink","href"));
                var imgx = imgTabs[n].getAttribute("x");
                var imgy = imgTabs[n].getAttribute("y");
                var imgwidth = imgTabs[n].getAttribute("width");
                var imgheight = imgTabs[n].getAttribute("height");
                var imgtransform = imgTabs[n].getAttribute("transform");
                var mySvgImage = getSvgFileData(imgTabs[n].getAttributeNS("http://www.w3.org/1999/xlink","href"));
                mySvgImage.setAttributeNS(null,"x",imgx);
                mySvgImage.setAttributeNS(null,"y",imgy);
                mySvgImage.setAttributeNS(null,"width",imgwidth);
                mySvgImage.setAttributeNS(null,"height",imgheight);
                if(imgtransform==null){
                    imgtransform = "";
                }
                mySvgImage.setAttributeNS(null,"transform",imgtransform);
                console.log("REPLACING CHILD NODE");
                gTabs[i].replaceChild(mySvgImage,imgTabs[n]);
            }
        }
        console.log(svgContents.outerHTML);
  });