OXIESEC PANEL

Name	Size	Modified	Perms
📁 ..	-	12/31/2022 06:53:36 AM	rwxr-xr-x
📄 exportGraphAsImage.js	9.11 KB	08/14/2022 11:05:24 AM	rw-r--r--
📄 graph.drill.js	194 bytes	08/14/2022 11:05:23 AM	rw-r--r--
📄 jpolite.core.js	15.75 KB	08/14/2022 11:05:23 AM	rw-r--r--
📄 jpolite.ext.js	115.09 KB	08/14/2022 11:05:23 AM	rw-r--r--
📄 jpolite.ext.js_09jan18	105.94 KB	08/14/2022 11:05:23 AM	rw-r--r--
📄 jpolite.ext.js_14Dec2019	110.24 KB	08/14/2022 11:05:23 AM	rw-r--r--
📄 jpolite.ext.js_27.22.17	105.91 KB	08/14/2022 11:05:23 AM	rw-r--r--
📄 jpoliteAll.js	188.35 KB	08/14/2022 11:05:23 AM	rw-r--r--
📄 jqModal-1.4.0.js	10.86 KB	08/14/2022 11:05:22 AM	rw-r--r--
📄 jqModal.js	3.37 KB	08/14/2022 11:05:23 AM	rw-r--r--
📄 json.js	23.93 KB	08/14/2022 11:05:23 AM	rw-r--r--
📄 s.log	6.61 KB	08/14/2022 11:05:23 AM	rw-r--r--

Editing: exportGraphAsImage.js

function jqplotToImage(obj){
	var newCanvas = document.createElement("canvas");
	newCanvas.width = $(obj).width();
        newCanvas.height = $(obj).height();
	var baseOffset = $(obj).offset();
	$(obj).children().each(function () {

if ($(this)[0].tagName.toLowerCase() == 'div') {

$(this).children("canvas").each(function() {
				var offset = $(this).offset();
				newCanvas.getContext("2d").drawImage(this,
					offset.left - baseOffset.left,
					offset.top - baseOffset.top);
				});

$(this).children("div").each(function() {
				var offset = $(this).offset();
				var context = newCanvas.getContext("2d");
				context.font = $(this).css('font-style') + " " + $(this).css('font-size') + " " + $(this).css('font-family');
				context.fillText($(this).html(),
					offset.left - baseOffset.left,
					offset.top - baseOffset.top + 10);
				});
			}

else if($(this)[0].tagName.toLowerCase() == 'canvas') {
				var offset = $(this).offset();
				newCanvas.getContext("2d").drawImage(this,
						offset.left - baseOffset.left,
						offset.top - baseOffset.top);
			}
	});

$(obj).children(".jqplot-point-label").each(function() {
			var offset = $(this).offset();
			var context = newCanvas.getContext("2d");
			context.font = $(this).css('font-style') + " " + $(this).css('font-size') + " " + $(this).css('font-family');
			context.fillText($(this).html(),
				offset.left - baseOffset.left,
				offset.top - baseOffset.top + 10);
			});

$(obj).children(".jqplot-table-legend-swatch").each(function() {
			var offset = $(this).offset();
			var context = newCanvas.getContext("2d");
			context.setFillColor($(this).css('background-color'));
			context.fillRect(
				offset.left - baseOffset.left,
				offset.top - baseOffset.top,
				15,15
				);
			});

$(obj).children(".jqplot-table-legend td:last-child").each(function() {
			var offset = $(this).offset();
			var context = newCanvas.getContext("2d");
			context.font = $(this).css('font-style') + " " + $(this).css('font-size') + " " + $(this).css('font-family');
			context.fillText($(this).html(),
				offset.left - baseOffset.left,
				offset.top - baseOffset.top + 15);
			});
       window.open(newCanvas.toDataURL("image/png"));

//	document.location.href = newCanvas.toDataURL();

}

function getTextAlign(obj) {
	var textalign = obj.css('text-align');
	if (textalign == '-webkit-auto') {
		textalign = 'left';
	}
	return textalign;
}

function printAtWordWrap(context, text, x, y, fitWidth, lineheight) {
	var textArr = [];
	fitWidth = fitWidth || 0;

if (fitWidth <= 0) {
		textArr.push(text);
	}

function jqplotToImg(obj) {
	var newCanvas = document.createElement("canvas");
	var size = findPlotSize(obj);
	newCanvas.width = size.width;
	newCanvas.height = size.height;

var baseOffset = obj.offset();
	if (obj.find("canvas.jqplot-base-canvas").length) {
		baseOffset = obj.find("canvas.jqplot-base-canvas").offset();
		baseOffset.left -= parseInt(obj.css('margin-left').replace('px', ''));
	}

var context = newCanvas.getContext("2d");
	var backgroundColor = "rgba(255,255,255,1)";
	obj.children(':first-child').parents().each(function () {
			if ($(this).css('background-color') != 'transparent') {
			backgroundColor = $(this).css('background-color');
			return false;
			}
			});
	context.fillStyle = backgroundColor;
	context.fillRect(0, 0, newCanvas.width, newCanvas.height);

obj.find('canvas').each(function () {
			var offset = $(this).offset();
			newCanvas.getContext("2d").drawImage(this,
				offset.left - baseOffset.left,
				offset.top - baseOffset.top
				);
			});

obj.find(".jqplot-series-canvas > div").each(function() {
			var offset = $(this).offset();
			var context = newCanvas.getContext("2d");
			context.fillStyle = $(this).css('background-color');
			context.fillRect(
				offset.left - baseOffset.left - parseInt($(this).css('padding-left').replace('px', '')),
				offset.top - baseOffset.top,
				$(this).width() + parseInt($(this).css('padding-left').replace('px', '')) + parseInt($(this).css('padding-right').replace('px', '')),
				$(this).height() + parseInt($(this).css('padding-top').replace('px', '')) + parseInt($(this).css('padding-bottom').replace('px', ''))
				);
			context.font = [$(this).css('font-style'), $(this).css('font-size'), $(this).css('font-family')].join(' ');
			context.fillStyle = $(this).css('color');
			context.textAlign = getTextAlign($(this));
			var txt = $.trim($(this).html()).replace(/<br style="">/g, ' ');
			var lineheight = getLineheight($(this));
			printAtWordWrap(context, txt, offset.left-baseOffset.left, offset.top - baseOffset.top - parseInt($(this).css('padding-top').replace('px', '')), $(this).width(), lineheight);
			});

obj.find('div.jqplot-axis > div, div.jqplot-point-label, div.jqplot-error-message, .jqplot-data-label, div.jqplot-meterGauge-tick, div.jqplot-meterGauge-label').each(function() {
			var offset = $(this).offset();
			var context = newCanvas.getContext("2d");
			context.font = [$(this).css('font-style'), $(this).css('font-size'), $(this).css('font-family')].join(' ');
			context.fillStyle = $(this).css('color');
			var txt = $.trim($(this).text());
			var lineheight = getLineheight($(this));
			printAtWordWrap(context, txt, offset.left-baseOffset.left, offset.top - baseOffset.top - 2.5, $(this).width(), lineheight);
			});

obj.children("div.jqplot-title").each(function() {
			var offset = $(this).offset();
			var context = newCanvas.getContext("2d");
			context.font = [$(this).css('font-style'), $(this).css('font-size'), $(this).css('font-family')].join(' ');
			context.textAlign = getTextAlign($(this));
			context.fillStyle = $(this).css('color');
			var txt = $.trim($(this).text());
			var lineheight = getLineheight($(this));
			printAtWordWrap(context, txt, offset.left-baseOffset.left, offset.top - baseOffset.top, newCanvas.width - parseInt(obj.css('margin-left').replace('px', ''))- parseInt(obj.css('margin-right').replace('px', '')), lineheight);
			});

obj.children("table.jqplot-table-legend").each(function() {
			var offset = $(this).offset();
			var context = newCanvas.getContext("2d");
			context.strokeStyle = $(this).css('border-top-color');
			context.strokeRect(
				offset.left - baseOffset.left,
				offset.top - baseOffset.top,
				$(this).width(),$(this).height()
				);
			context.fillStyle = $(this).css('background-color');
			context.fillRect(
				offset.left - baseOffset.left,
				offset.top - baseOffset.top,
				$(this).width(),$(this).height()
				);
			});

obj.find("div.jqplot-table-legend-swatch").each(function() {
			var offset = $(this).offset();
			var context = newCanvas.getContext("2d");
			context.fillStyle = $(this).css('border-top-color');
			context.fillRect(
				offset.left - baseOffset.left,
				offset.top - baseOffset.top,
				$(this).parent().width(),$(this).parent().height()
				);
			});

obj.find("td.jqplot-table-legend").each(function() {
			var offset = $(this).offset();
			var context = newCanvas.getContext("2d");
			context.font = [$(this).css('font-style'), $(this).css('font-size'), $(this).css('font-family')].join(' ');
			context.fillStyle = $(this).css('color');
			context.textAlign = getTextAlign($(this));
			context.textBaseline = $(this).css('vertical-align');
			var txt = $.trim($(this).text());
			var lineheight = getLineheight($(this));
			printAtWordWrap(context, txt, offset.left-baseOffset.left, offset.top - baseOffset.top + parseInt($(this).css('padding-top').replace('px','')), $(this).width(), lineheight);
			});

return newCanvas.toDataURL("image/png");
}