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);
});