2010-11-23 6 views
6

이미지 (즉, 배경)의 일부에만 SVG 필터 (가우시안 블러)를 적용하려고합니다. 저는 Gaussian blur를 같은 위치에 적용한 클리핑 된 SVG 이미지를 추가하여 효과를 얻었습니다 (Gaussian blur가 원래 이미지에 적용된 것처럼 보이게 만듭니다).배경 이미지에 SVG 필터 적용

이것은 분명히 비효율적이며 더 나은 방법을 찾고 있습니다. 일부 SVG 문서와 예제를 읽은 후 enable-background 속성이 필요하지만 실제로 구현하는 방법에 대한 도움을 주시면 감사하겠습니다!

편집 :

내가 찾고 효과의 예 : 여기 http://img695.imageshack.us/img695/92/chromeblur.png

+0

예제가 좋을 것입니다. –

+0

죄송합니다. 새로운 이미지이기 때문에 초기에 이미지를 첨부 할 수 없습니다. 원하는 효과에 대한 링크를 추가했습니다. –

+2

imageshack 링크가 손상되었습니다. (새) 이미지가 대신 포함되어야합니다. –

답변

5

가이 SVG에

http://srufaculty.sru.edu/david.dailey/svg/SVGOpen2010/Filters2.htm

를 작동하는 방법을 잘 설명하지만, SVG 지원은 모든 일반 브라우저에서 여전히 불완전합니다. 특히 in = "BackgroundImage"및 enable-background 특성을 사용하는 배경에 대한 필터 효과는 일반적인 브라우저에서 지원되지 않습니다.

관련 문제