размытие в Рафаэле - PullRequest
Новая
       21

размытие в Рафаэле

0 голосов
/ 10 января 2012

Здесь вы уже найдете плагин для добавления размытия к элементам Raphael

Я хочу покрыть части моего Raphael SVG прозрачным слоем, который размывает все, что за ним.Возможно ли что-то подобное с Рафаэлем?

1 Ответ

5 голосов
/ 11 января 2012

Ничего подобного в 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/

...