模糊在拉斐爾

Question

Here你已經找到一個插件添加模糊拉斐爾元素

我要蓋與模糊其背後一切透明層我拉斐爾SVG的部分。像raphael這樣可能嗎？

Answer 1

沒有這樣的事情存在於SVG（更少VML），對不起。

唯一的解決辦法是發生在我會遍歷所有元素，並應用模糊，好在這只是一對夫婦行JavaScript代碼的：

paper.forEach(function(el){ 
    el.blur(); 
}); 

http://jsfiddle.net/MS2AB/

你也可以混合在一些老式的dom操縱：在稍微偏移的位置克隆舞臺不同的時間，並應用非常低的不透明度來模仿模糊效果，例如...

var paperhtml = document.getElementById('stage').innerHTML; 
    var blurString = ""; 
    for (x=1; x<=10; x++) { 
    for (y=1; y<=10; y++) { 
     blurString += "<div style='left: "+(x-5)+"px; top: "+(y-5)+"px; opacity: 0.03'>"+paperhtml+"</div>" 
    } 
}  
blurcontainer.innerHTML = blurString; 

你可以在這裏查看演示： http://jsfiddle.net/WTCXF/