blob: 38aac26aae8282512c36391da7b68b1ab7cb2019 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
|
<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>
|