このページはコミュニティーの尽力で英語から翻訳されました。MDN Web Docs コミュニティーについてもっと知り、仲間になるにはこちらから。

View in English Always switch to English

<feFlood>

Baseline 広く利用可能

この機能は広く実装されており、多くのバージョンの端末やブラウザーで動作します。2015年7月以降、すべてのブラウザーで利用可能です。

<feFlood>SVG のフィルタープリミティブで、 flood-color および flood-opacity で定義された色と不透過度で、フィルターのサブ領域に色を付けます。

使用コンテキスト

カテゴリーフィルター構成要素
許可されている内容任意の数、任意の順序の以下の要素。
<animate><set>

属性

DOM インターフェイス

この要素は SVGFEFloodElement インターフェイスを実装しています。

HTML

html
<svg xmlns="http://www.w3.org/2000/svg" width="200" height="200">
  <defs>
    <filter id="floodFilter" filterUnits="userSpaceOnUse">
      <feFlood
        x="50"
        y="50"
        width="100"
        height="100"
        flood-color="green"
        flood-opacity="0.5" />
    </filter>
  </defs>

  <use filter="url(#floodFilter)" />
</svg>

結果

仕様書

仕様書
Filter Effects Module Level 1
# feFloodElement

ブラウザーの互換性

関連情報