SVG 妯$硦鏁堟灉


娉ㄦ剰锛 Internet Explorer鍜孲afari涓嶆敮鎸丼VG婊ら暅锛


<defs> 鍜 <filter>

鎵鏈変簰鑱旂綉鐨凷VG婊ら暅瀹氫箟鍦<defs>鍏冪礌涓快三怎么打技巧—官方网址22270.COM<defs>鍏冪礌瀹氫箟鐭苟鍚湁鐗规畩鍏冪礌锛堝婊ら暅锛夊畾涔夈

<filter>鏍囩鐢ㄦ潵瀹氫箟SVG婊ら暅銆<filter>鏍囩浣跨敤蹇呴渶鐨刬d灞炴ф潵瀹氫箟鍚戝浘褰㈠簲鐢ㄥ摢涓护闀滐紵


SVG <feGaussianBlur>

瀹炰緥 1

<feGaussianBlur> 鍏冪礌鏄敤浜庡垱寤烘ā绯婃晥鏋滐細

fegaussianblur

涓嬮潰鏄疭VG浠g爜锛

瀹炰緥

<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>

灏濊瘯涓涓 禄

瀵逛簬Opera鐢ㄦ埛锛鏌ョ湅SVG鏂囦欢锛堝彸閿崟鍑籗VG鍥惧舰棰勮婧愶級銆

浠g爜瑙f瀽锛

  • <filter>鍏冪礌id灞炴у畾涔変竴涓护闀滅殑鍞竴鍚嶇О
  • <feGaussianBlur>鍏冪礌瀹氫箟妯$硦鏁堟灉
  • in="SourceGraphic"杩欎釜閮ㄥ垎瀹氫箟浜嗙敱鏁翠釜鍥惧儚鍒涘缓鏁堟灉
  • stdDeviation灞炴у畾涔夋ā绯婇噺
  • <rect>鍏冪礌鐨勬护闀滃睘鎬х敤鏉ユ妸鍏冪礌閾炬帴鍒"f1"婊ら暅