svg 필터를 사용하여 수직으로 세 개의 원 사이에 "끈적 끈적한"블렌드를 만듭니다. 크롬/파이어 폭스 (약간의 매끄러움을 뺀 것)에서 나는 원하는 효과를 얻는다. 사파리에서 뭔가 고르지 못하고 추악한 것을 얻습니다. Here is a Link to my full CodePen <svg xmlns="http://www.w3.org/2000/svg" vers
그림자로 SVG를 만든 다음 SVG를 확대/축소하면 그림자를 다시 계산할 때 심각한 성능 문제가 발생합니다. 이전에는 filterRes=''을 사용하여이 문제를 해결할 수있었습니다. 그러나 filterres는 더 이상 사용되지 않으며 SVG 사양에서 제거되었습니다. filterRes=''에 대한 대안을 찾고 있습니다. 확대/축소와 같은 작업을 수행 할 때
궁금 해서요, SVG에서, 필터는 다음과 같이 적용 할 수 있습니다 이제 <defs>
<filter id="foo">
<!-- let's pretend that it does something -->
</filter>
</defs>
<g filter="url(#foo)">
<!-- some graphic elements - or maybe ins
나는 정사각형이나 직사각형의 일반적인 원본 이미지를 가지고있다. 내가 원하는 것은 그 위에 마스크로 기능하도록 달걀 모양의 타원형을 놓는 것입니다. 가능한 한 크로스 브라우저 호환이 가능해야합니다. 따라서 나는 다른 모든 방법들보다이 방법을 사용하고있다. 문제 내가 부정적인 이미지를 얻고있다. 나는 하얀 모양과 검은 색의 모양의 png를 사용했다. 가면이지
개인 웹 사이트에 문제가없는 Chrome 및 Firefox에서 작동하는 애니메이션을 만들었지 만 Internet Explorer는 신경 쓰지 않지만 사파리에서는 작동하지 않는다고 생각합니다. Safari가 fill : url (..) 및 filter : url (..)을 별도의 CSS 파일에서 인식하지 않기 때문입니다. codepen의 실제 애니메이션 링크
SVG 이미지가있는 탭이있는 메뉴를 배경으로 만듭니다. 탭이 서로 역순으로 겹쳐 지도록해야합니다 - 처음에는 두 번째, 두 번째는 세 번째로 오버랩합니다. 그리고 Firefox에서 작동하려면 그림자가 필요합니다. Howerer, 그림자를 적용하면 .after 요소의 Z- 인덱스가 깨져서 겹침이 깨집니다. 겹침 순서를 바꾸는 방법이 있습니까? div{
SVG 파일을 div의 배경으로 사용하려고하는데 SVG 파일에 필터를 추가 할 때를 제외하고는 모든 것이 잘 작동하지 않습니다. 품질을 높이기 위해 CSS 나 SVG 파일에 추가해야 할 설정이 있습니까? 나는 수많은 아이콘을 가진 웹 응용 프로그램을 가지고 있으며 하나의 파일을로드하고 배경을 상쇄하지만 품질을 높이 유지하면서 아이콘을 확장 가능하게하여 사이
이미지를 2 (단색/흑백)에서 256 (풀 그레이 스케일)까지 가변적 인 숫자의 그레이 스케일로 변환하고 싶습니다. . 나는 이것을 CSS와 svg 필터로 모두 수행하려고 시도했다. CSS에서 : filter: grayscale(100%)
내가 그레이 스케일의 수를 제한하지 않는 filter: grayscale(10%)
처럼 256 계조로하지만, 다
웹 페이지에서 SVG 필터 feColorMatrix을 사용하고 싶습니다. 이전에는 Firefox와 Chrome에서 작동하도록 성공했습니다 (CSS 속성 filter:url()). 그러나 이것은 IE에서 작동하지 않으므로 이미지와 SVG 필터를 모두 삽입해야합니다. 이미지가 떠있을 때 희미 해지거나 사라지는 이미지 위에 필터를 찾고 있습니다. 같은 이미지를