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