SVG Gaussian Blur не работает в Firefox

Я просмотрел пару других сообщений по этой проблеме, но я все еще печально. Я закончил с помощью следующего кода:SVG Gaussian Blur не работает в Firefox

<!DOCTYPE html> 
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>Untitled Document</title> 
<script type="text/javascript" src="jquery-1.10.1.js"></script> 
<script type="text/javascript"> 
$(document).ready(function() { 
    $("#promoIMG").css({ 
     "filter": "blur(4px)", 
     "-webkit-filter": "blur(4px)", 
     "-moz-filter": "blur(4px)", 
      "-o-filter": "blur(4px)", 
     "-ms-filter": "blur(4px)", 
     "filter":"url('#f1')" 
    }); 
}); 
</script> 
</head> 

<body> 

<div id="promoIMG"><br/> 
<p>asdasdasddas</p> 
    <img src="excel_graph_large.png" alt="AKB" /> 
    </div> 
<svg xmlns="http://www.w3.org/2000/svg" version="1.1"> 
    <defs> 
    <filter id="f1" x="0" y="0"> 
     <feGaussianBlur stdDeviation="100" /> 
    </filter> 
    </defs> 
</svg> 


</body> 
</html>

Это, кажется, работает в Chrome и то есть, как задумано, но не в Mozilla Firefox. Любая помощь будет принята с благодарностью!

источник

2013-06-18 user1424913

Это просто, что у вас сумасшедшая ценность. попробовать это:

<svg xmlns="http://www.w3.org/2000/svg" version="1.1"> 
    <defs> 
    <filter id="f1" x="0" y="0"> 
     <feGaussianBlur stdDeviation="5" /> 
    </filter> 
    </defs> 
</svg>

источник

2013-06-18 21:18:11

Nvm, получил его! Благодаря! – user1424913

ответ

Смежные вопросы