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和ie中，而不是在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

SVG Gaussian Blur在Firefox中不起作用

回答

相關問題