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>

크롬에서는 작동하지만 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에서 작동하지 않습니다.

답변

관련 문제