Site Blur

by jakie8

CSS

body{
    background-image:url('http://www.ibackgroundz.com/pics/m/a/mac-os-x-grass-w-x-ibackgroundz.com.jpg');
    background-position:top center;
    background-repeat:no-repeat;
    padding-top:30px;
}

#target{
    margin:0 auto;
    width:400px;
    height:500px;
    background:rgba(255,255,255,0.5)
}

canvas{
    border:1px solid red;
}

JavaScript

function blur(target, amt){
    var canvas = document.createElement('canvas'), context;
    if (!canvas.getContext) {
        // not supported
        return;
    }
    canvas.id = 'blurCanvas';
    ctx = canvas.getContext('2d');
    
    var img = new Image();
    img.src = $(target).css('backgroundImage');
    img.onload = function(){
        
    }
    console.log($(target).css('backgroundImage'));
    //console.log(canvas.toDataURL());
    //document.body.appendChild(canvas);
}
blur('body',1);