在raphael模糊

Question

在这里,您已经找到了一个插件,可以为raphael元素添加模糊效果

我想覆盖我的raphael 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/