diff options
| author | Jules Laplace <jules@okfoc.us> | 2015-04-22 05:29:27 -0400 |
|---|---|---|
| committer | Jules Laplace <jules@okfoc.us> | 2015-04-22 05:29:27 -0400 |
| commit | dc2020c6533213a16086808842ae291bc9e887b3 (patch) | |
| tree | cfda27073b7b55f0670370a2da71380f1ef0c14b /index.html | |
| parent | 00c037b9228769a887e3f41defb296c2a8a32350 (diff) | |
ok
Diffstat (limited to 'index.html')
| -rw-r--r-- | index.html | 32 |
1 files changed, 32 insertions, 0 deletions
diff --git a/index.html b/index.html new file mode 100644 index 0000000..5c7999f --- /dev/null +++ b/index.html @@ -0,0 +1,32 @@ +<style> +canvas { display: inline-block; } +</style> +<body><input type="text" id="url_el"></body> +<script src="convolve.js"></script> +<script src="smartblur.js"></script> +<script src="fetch.js"></script> +<script> + +var url = 'img/orange-01.jpg' +var smart_blur = new SmartBlurFilter () + +function load(url){ + fromImage(url, function(src){ + var dest = document.createElement("canvas") + var blurred = smart_blur.blur(src, dest) + document.body.innerHTML = "" + document.body.appendChild(src) + document.body.appendChild(blurred) + }) +} +load(url) +url_el.addEventListener("input",function(){ + url = "/cgi-bin/proxy?" + url_el.value + load(url) +}) + + + + +</script> + |