blob: f41af1fbc7bd3d0e762bf5db62ab08b0c41621e7 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
|
<style>
canvas { display: inline-block; }
</style>
<body><input type="text" placeholder="paste a URL" id="url_el"><div id="img_el"></div></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)
img_el.innerHTML = ""
img_el.appendChild(src)
img_el.appendChild(blurred)
})
}
load(url)
url_el.addEventListener("input",function(){
url = "/cgi-bin/proxy?" + url_el.value
load(url)
})
</script>
|
