CSS 배경으로 사용할 때 SVG 필터 품질

SVG 파일을 div의 배경으로 사용하려고하는데 SVG 파일에 필터를 추가 할 때를 제외하고는 모든 것이 잘 작동하지 않습니다. 품질을 높이기 위해 CSS 나 SVG 파일에 추가해야 할 설정이 있습니까? 나는 수많은 아이콘을 가진 웹 응용 프로그램을 가지고 있으며 하나의 파일을로드하고 배경을 상쇄하지만 품질을 높이 유지하면서 아이콘을 확장 가능하게하여 사이트를 밝게하려고했습니다. 내가 잘못된 방향으로가는거야? 내가 SVG 파일을 여기에CSS 배경으로 사용할 때 SVG 필터 품질

를 생성하는 잉크 스케이프를 사용하고

내 CSS입니다 :

.icoErase{ 
    width: 1em; 
    height: 1em; 
    background-image: url('../images/FormIcons.svg'); 
    background-size: auto 6em; 
    background-position: -1em -1em; 
    background-repeat: no-repeat; 
}

출처

2014-12-27 Andy Braham

마크 업은 어떻게 생겼습니까? –

SVG에 '필터 추가'란 무엇을 의미합니까? – Vall3y

예를 들어 Gaussian Blur가 포함 된 그림자 ... 매우 희미하게 보입니다. –

내가 명시 적 filterRes 1000에서 2000으로 어디서나 당신의 SVG 내 필터 요소에 속성을 설정하는 것이 좋습니다 수

브라우저는 때때로 잘못된 기본 설정을 선택합니다.

출처

2014-12-28 00:41:40

크롬과 Firefox는 더 이상 필터 효과 사양에서 사용되지 않으므로 filteRes를 지원하지 않으며 단일 요소에 여러 개의 필터가 있으면 구현하기가 정말 복잡합니다. –

SVG 1.1을 지정해도? –

그런데도 모든 UA는 version 속성을 무시합니다. –

CSS 배경으로 사용할 때 SVG 필터 품질

답변

관련 문제