JSFiddle - React, Tailwind, and code Playground
by Darby Rathbone
JavaScript
var $ = {
getJSON: function (url, params, callbackFuncName, callback) {
var paramsUrl = "",
jsonp = this.getQueryString(url)[callbackFuncName];
for (var key in params) {
paramsUrl += "&" + key + "=" + encodeURIComponent(params[key]);
}
url += paramsUrl;
window[jsonp] = function (data) {
window[jsonp] = undefined;
try {
delete window[jsonp];
} catch (e) {}
if (head) {
head.removeChild(script);
}
callback(JSON.parse(data));
};
var head = document.getElementsByTagName('head')[0];
var script = document.createElement('script');
script.charset = "UTF-8";
script.src = url;
head.appendChild(script);
return true;
},
getQueryString: function (url) {
if (url) {
url = url.split("?")[1];
}
var result = {}, queryString = url || location.search.substring(1),
re = /([^&=]+)=([^&]*)/g,
m;
while (m = re.exec(queryString)) {
result[decodeURIComponent(m[1])] = decodeURIComponent(m[2]);
}
return result;
}
};
window.callback = function callback(data) {
console.table(data.data);
var img1 = new Image();
img1.src = data.data;
document.body.appendChild(img1);
var acanvas=[];
var can= document.createElement('canvas');
var ctx = can.getContext('2d');
can.width = img1.width;
can.height = img1.height;
var imgdata = ctx.getImageData(0,0,can.width,can.height);
var idata = [];
var idatanew = Array(imgdata.length);
for (var i=0;i<imgdata.data.length;i++)
{ idata[i]=0;}
for (i = 1;i<(img1.width<img1.height?img1.width:img1.height)/10;i++)
{
acanvas.push(document.createElement('canvas'));
document.body.appendChild(acanvas[i-1]);
acanvas[i-1].width = img1.width;
...