blob: 5c7999fcb9c004fcd4b88e2c65471e4c901b92ec (
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" 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>
|
