diff options
| -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> |