filter

åºçº¿

å¹¿æ³å¯ç¨

* æ¤ç¹æ§çæäºé¨åçæ¯æç¨åº¦å¯è½ææä¸åã

ä½¿ç¨ä¸ä¸æ

ç±»å«	æ
åè®¸çåå®¹	ä»»ææ°éãä»»æé¡ºåºçä¸ååç´ ï¼ æè¿°æ§åç´ æ»¤éåç´ `<animate>`ã`<set>`

å±æ§

å¨å±å±æ§

ä¸æå±æ§

DOM æ¥å£

è¯¥åç´ å®ç°äº SVGFilterElement æ¥å£ã

ç¤ºä¾

SVG

html

<svg width="230" height="120" xmlns="http://www.w3.org/2000/svg">
  <filter id="blurMe">
    <feGaussianBlur stdDeviation="5" />
  </filter>

  <circle cx="60" cy="60" r="50" fill="green" />

  <circle cx="170" cy="60" r="50" fill="green" filter="url(#blurMe)" />
</svg>