OXIESEC PANEL
- Current Dir:
/
/
home
/
cubot
/
docroot
/
showcase
/
js
/
D3
/
Export
Server IP: 139.59.38.164
Upload:
Create Dir:
Name
Size
Modified
Perms
📁
..
-
08/14/2022 11:05:22 AM
rwxr-xr-x
📄
MIT-LICENSE.txt
1.13 KB
08/14/2022 11:05:15 AM
rw-r--r--
📄
StackBlur.js
16.73 KB
08/14/2022 11:05:15 AM
rw-r--r--
📁
canvg
-
08/14/2022 11:05:15 AM
rwxr-xr-x
📄
canvg.js
94.6 KB
08/14/2022 11:05:15 AM
rw-r--r--
📄
exportD3svgAsImage.js
2.84 KB
08/14/2022 11:05:15 AM
rw-r--r--
📄
rgbcolor.js
8.83 KB
08/14/2022 11:05:15 AM
rw-r--r--
Editing: exportD3svgAsImage.js
Close
function jqplotToImage(obj){ var svg1=""; /*$(obj).children().each(function () { if ($(this)[0].tagName.toLowerCase() == 'div') svg1="<svg".concat($(this)[0].innerHTML.split("<svg")[2]); render(svg1); });*/ /*var myChart=$(obj).find("div.myChart"); if(myChart.length>0){ var chartSvg="<svg".concat(myChart[0].innerHTML.split("<svg")[2]); render(chartSvg); }*/ var myChart=$(obj).find("svg.svgchart"); if(myChart.length<1){ myChart=$(obj).find("svg.mainsvg"); } if(myChart.length>0){ var height=$(myChart[0]).attr("height"); var width=$(myChart[0]).attr("width"); $(myChart[0]).find("path.domain").filter(function(){ if($(this).css("stroke") == "none"){ $(this).css("stroke", "none").css("fill","none"); } else{ $(this).css("stroke-width", "1px").css("fill","none"); } }); $(myChart[0]).find("line.ygridline").css("stroke", "black").css("stroke-width", "1px").css("opacity", "0.3").css("fill", "none"); var fillColor=$(myChart[0]).find("rect.background").css("fill"); if(fillColor){ $(myChart[0]).find("rect.background").css("fill", fillColor); } var treeNode=$(myChart[0]).find("path.link"); if(treeNode){ treeNode.css("fill", "none").css("stroke-width", "1px").css("opacity", "0.5"); } $(myChart[0]).find("rect.day").filter(function(){ var fill=$(this).css("fill"); $(this).css("fill", fill).css("stroke-opacity","0.5"); }); $(myChart[0]).find("title").remove(); $(myChart[0]).find("text").filter(function(){ if($(this).css('visibility') == 'hidden'){ $(this).remove(); } }); /* Add legend to main SVG */ if($(obj).find("svg").length>1){ var legendSvg=$(obj).find("svg:last"), Lheight=$(legendSvg).attr("height"), legendHtml=$(legendSvg).children().html(), Ltransform=$(legendSvg).children().attr("transform"); var newLegend="<g transform=\""+Ltransform.split(",")[0]+","+height+")\" id=expLegend>"+legendHtml+"</g>"; $(myChart[0]).append(newLegend); height=parseFloat(height)+parseFloat(Lheight); $(myChart[0]).attr("height", height); } var s = new XMLSerializer(); var chartSvg= s.serializeToString(myChart[0]); render(chartSvg, width,height); if($(obj).find("svg").length>1){ $("#expLegend").remove(); $(myChart[0]).attr("height", height-Lheight); } } function render(svg, width, height) { var newCanvas = document.createElement('canvas') newCanvas.id="canvas"; var c = document.createElement('canvas'); c.width = width || 500; c.height = height || 500; newCanvas.appendChild(c); if (typeof FlashCanvas != "undefined") { FlashCanvas.initElement(c); } canvg(c, svg, { log: true, renderCallback: function (dom) { if (typeof FlashCanvas != "undefined") { document.getElementById('svg').innerHTML = 'svg not supported'; } }}); window.open(c.toDataURL("image/png")); } }