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) {
img1.src = data.data;
document.body.appendChild(img1);
canvas.width = img1.width; canvas.height = img1.height;
canvas2.width = img1.width; canvas2.height = img1.height;
ctx.drawImage(img1,0,0);
//ctx.drawImage( blur(img1,25),0,0);
/*var timer = window.setInterval(function(){
window.draw();
},1000/10);*/
};
var img1 = new Image();
var url = "http://image2datauri.jit.su/?cb=callback";
var params = {
url: "http://cuteoverload.files.wordpress.com/2013/12/pigletsmore-10.jpg?w=560&h=373"
};
$.getJSON(url, params, "callback", callback);
/*
var canvas2 = document.createElement('canvas');
var ctx2 = canvas2.getContext('2d');
var blur = function blur(img,v){
var...