diff options
| author | Jules Laplace <jules@okfoc.us> | 2015-04-22 05:29:07 -0400 |
|---|---|---|
| committer | Jules Laplace <jules@okfoc.us> | 2015-04-22 05:29:07 -0400 |
| commit | 00c037b9228769a887e3f41defb296c2a8a32350 (patch) | |
| tree | 96becbd7bc68426688e02c38080c6c4e52964785 | |
| parent | bef106de9fa827d983fa319cecdf688c2822efb9 (diff) | |
url
| -rw-r--r-- | test.html | 23 |
1 files changed, 17 insertions, 6 deletions
@@ -1,7 +1,7 @@ <style> canvas { display: inline-block; } </style> -<body></body> +<body><input type="text" id="url_el"></body> <script src="convolve.js"></script> <script src="smartblur.js"></script> <script src="fetch.js"></script> @@ -10,12 +10,23 @@ canvas { display: inline-block; } 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) +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> |