diff options
| -rw-r--r-- | index.html | 32 | ||||
| -rw-r--r-- | test.html | 21 |
2 files changed, 32 insertions, 21 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> + diff --git a/test.html b/test.html deleted file mode 100644 index 38aac26..0000000 --- a/test.html +++ /dev/null @@ -1,21 +0,0 @@ -<style> -canvas { display: inline-block; } -</style> -<body></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 () - -fromImage(url, function(src){ - var dest = document.createElement("canvas") - var blurred = smart_blur.blur(src, dest) - document.body.appendChild(src) - document.body.appendChild(blurred) -}) - -</script> - |