2016-06-06 2 views
-2

궁금 해서요, SVG에서, 필터는 다음과 같이 적용 할 수 있습니다SVG 필터를 익명 함수와 유사하게 적용 할 수 있습니까? 그래서

이제
<defs> 
<filter id="foo"> 
<!-- let's pretend that it does something --> 
</filter> 
</defs> 
<g filter="url(#foo)"> 
<!-- some graphic elements - or maybe instead of a <g> element it's a singular graphic --> 
</g> 

, 즉 파일에 여분의 무게의 많은의 이미지는, 예를 들어, 하나 개의 필터가 특히 그것은 한 번만 사용됩니다. 그러나, 자바 스크립트 나 PHP, 이런 비슷한 지역 :

someFunctionWithCallback(foo); 

function foo(bar) { 
    // do stuff 
} 

은 다음과 같이 단순화 할 수있다 :

someFunctionWithCallback(function(bar) { 
    // do stuff 
}); 

은 SVG에서 같은 종류의 문제를 할 수있는 방법이 있습니까? 예 : 가중치를 제거하고 나중에 저장해야하는 필요성을 제거하면서 필자가 사용하는 요소 안에 필터를 선언 하시겠습니까?

+0

[데이터 URI] (https://en.wikipedia.org/wiki/Data_URI_scheme)로 필터를 만들 수 있습니다. –

+0

@RobertLongson 예, 저도 알고 있습니다. 불행하게도,이 경우에는 작동하지 않거나 잘못하고 있습니다. 파일 대량을 제거하는 것이 전부가 아니라는 사실뿐입니다. JS 익명 함수. –

+1

[CSS 필터] (https://www.w3.org/TR/filter-effects/#FilterProperty)에 대해 알고 계십니까? –

답변

-1

일반적인 필터는 몇 백 바이트입니다. SVG 생성 평균은 최적화 할 수있는 수십 킬로바이트를 가지고 있습니다. 평균 상용 페이지로드에는 수백 킬로바이트의 이미지 가중치와 자바 스크립트가 최적화되어 있습니다.

중요하지 않은 것들을 최적화하는 데 시간을 낭비하지 마십시오.

+0

그 논리에 따라 JavaScript 익명 함수가 없어야합니다. 코드가 _ 이해하기 쉬워지기 때문에 거기에 있습니다. 그게 정확히 내가 왜 묻는 지 이유 다. SVG를 모두 손수 쓴다. (조금은 제외하고) 이해하기가 어렵다. 필터링 된 요소는 파일의 완전히 다른 부분을 참조하는 것보다 @ RobertLongson의'blur (25px) '를 사용하면 훨씬 더 의미가 있습니다. –

+0

귀하의 질문에 명시된 근거가 아닙니다 - 파일 무게를 줄이는 것이 었습니다 –

+0

음 ... 더 간단하게 만들었습니다. 나는 그 질문이 모호했을 수도 있지만 –

관련 문제