View difference between Paste ID: EsqyBZta and uJ9mHJAB
SHOW: | | - or go back to the newest paste.
1
function getSvgFileData(url){
2
	var rawFile = new XMLHttpRequest();
3
	var myData;
4
	var myDiv = document.createElement("div");
5
	rawFile.open("GET",url,false);
6
	rawFile.onreadystatechange = function(){
7
		if(rawFile.readyState === 4){
8
			if(rawFile.status === 200 || rawFile.status == 0){
9
				myDiv.innerHTML = rawFile.responseText;
10
				myData = myDiv.getElementsByTagName("svg")[0];
11
			}else{
12
				console.log("STATUS NOT 200");
13
			}
14
		}else{
15
			console.log("READY STATE NOT 4");
16
		}
17
	}
18
	rawFile.send(null);
19
	return myData;
20
}	
21
	
22
$("body").on("click","#getpdf",function(){
23
    var svgContents = editor.getElement();
24
    console.log("SVG CONTENT : ");
25
    console.log(svgContents.outerHTML);
26
    var gTabs = svgContents.getElementsByTagName("g");
27
    console.log("TABS : "+gTabs.length);
28
    for(var i = 0;i<gTabs.length;i++){
29
    	console.log("FOUND G : ");
30
        console.log(gTabs[i]);
31
        var imgTabs = gTabs[i].getElementsByTagName("image");
32
        console.log("IMAGES : "+imgTabs.length);
33
        for(var n = 0;n<imgTabs.length;n++){
34
            console.log("FOUND IMAGE : ");
35
            console.log(imgTabs[n].getAttributeNS("http://www.w3.org/1999/xlink","href"));
36
	    var imgx = imgTabs[n].getAttribute("x");
37
	    var imgy = imgTabs[n].getAttribute("y");
38
	    var imgwidth = imgTabs[n].getAttribute("width");
39
	    var imgheight = imgTabs[n].getAttribute("height");
40
	    var imgtransform = imgTabs[n].getAttribute("transform");
41
    	    var mySvgImage = getSvgFileData(imgTabs[n].getAttributeNS("http://www.w3.org/1999/xlink","href"));
42
	    mySvgImage.setAttributeNS(null,"x",imgx);
43
	    mySvgImage.setAttributeNS(null,"y",imgy);
44
	    mySvgImage.setAttributeNS(null,"width",imgwidth);
45-
		mySvgImage.setAttributeNS(null,"height",imgheight);
45+
	    mySvgImage.setAttributeNS(null,"height",imgheight);
46-
		if(imgtransform==null){
46+
	    if(imgtransform==null){
47-
		    imgtransform = "";
47+
	        imgtransform = "";
48
	    }
49-
		mySvgImage.setAttributeNS(null,"transform",imgtransform);
49+
	    mySvgImage.setAttributeNS(null,"transform",imgtransform);
50-
		console.log("REPLACING CHILD NODE");
50+
	    console.log("REPLACING CHILD NODE");
51-
		gTabs[i].replaceChild(mySvgImage,imgTabs[n]);
51+
	    gTabs[i].replaceChild(mySvgImage,imgTabs[n]);
52
	}
53
    }
54
    console.log(svgContents.outerHTML);
55
});