<ruby id="bdb3f"></ruby>

    <p id="bdb3f"><cite id="bdb3f"></cite></p>

      <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
        <p id="bdb3f"><cite id="bdb3f"></cite></p>

          <pre id="bdb3f"></pre>
          <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

          <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
          <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

          <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                <ruby id="bdb3f"></ruby>

                ThinkChat2.0新版上線,更智能更精彩,支持會話、畫圖、視頻、閱讀、搜索等,送10W Token,即刻開啟你的AI之旅 廣告
                # SVG 模糊效果 **注意:** Internet Explorer和Safari不支持SVG濾鏡! ## &lt;defs&gt; 和 &lt;filter&gt; 所有互聯網的SVG濾鏡定義在&lt;defs&gt;元素中。&lt;defs&gt;元素定義短并含有特殊元素(如濾鏡)定義。 &lt;filter&gt;標簽用來定義SVG濾鏡。&lt;filter&gt;標簽使用必需的id屬性來定義向圖形應用哪個濾鏡? ## SVG &lt;feGaussianBlur&gt; ## 實例 1 &lt;feGaussianBlur&gt; 元素是用于創建模糊效果: ![fegaussianblur](https://box.kancloud.cn/2015-12-17_5672b03c87cab.jpg) 下面是SVG代碼: ## 實例 ``` <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文件](images/fegaussianblur1.svg)(右鍵單擊SVG圖形預覽源)。 **代碼解析:** * &lt;filter&gt;元素id屬性定義一個濾鏡的唯一名稱 * &lt;feGaussianBlur&gt;元素定義模糊效果 * in="SourceGraphic"這個部分定義了由整個圖像創建效果 * stdDeviation屬性定義模糊量 * &lt;rect&gt;元素的濾鏡屬性用來把元素鏈接到"f1"濾鏡
                  <ruby id="bdb3f"></ruby>

                  <p id="bdb3f"><cite id="bdb3f"></cite></p>

                    <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
                      <p id="bdb3f"><cite id="bdb3f"></cite></p>

                        <pre id="bdb3f"></pre>
                        <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

                        <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
                        <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

                        <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                              <ruby id="bdb3f"></ruby>

                              哎呀哎呀视频在线观看