SVG 흐림 효과


  번역 결과:

SVG는 XML을 사용하여 2차원 그래픽 및 그리기 프로그램을 설명하는 언어입니다.

SVG 흐림 효과통사론

참고: Internet Explorer와 Safari는 SVG 필터를 지원하지 않습니다!

모든 인터넷 SVG 필터는 <defs> 요소에 정의되어 있습니다. <defs> 요소 정의는 짧으며 특수 요소(예: 필터)에 대한 정의를 포함합니다.

<filter> 태그는 SVG 필터를 정의하는 데 사용됩니다.

SVG 흐림 효과예

<!DOCTYPE html>
<html>
<body>

<p><b>Note: </b>Internet Explorer and Safari do not support SVG filters yet!</p>

<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
  <defs>
    <filter id="f1" x="0" y="0">
      <feGaussianBlur in="SourceGraphic" stdDeviation="15" />
    </filter>
  </defs>
  <rect width="90" height="90" stroke="green" stroke-width="3" fill="yellow" filter="url(#f1)" />
</svg>

</body>
</html>

인스턴스 실행 »

온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요

비디오

Q&A