<feFlood>
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Phần tử primitive lọc <feFlood> của SVG lấp đầy vùng con của bộ lọc bằng màu và độ mờ được định nghĩa bởi flood-color và flood-opacity.
Ngữ cảnh sử dụng
Thuộc tính
Giao diện DOM
Phần tử này triển khai giao diện SVGFEFloodElement.
Ví dụ
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>
Kết quả
Đặc tả
| Specification |
|---|
| Filter Effects Module Level 1 # feFloodElement |
Tương thích trình duyệt
Xem thêm
- Thuộc tính primitive lọc SVG
<filter><animate><set><feBlend><feColorMatrix><feComponentTransfer><feComposite><feConvolveMatrix><feDiffuseLighting><feDisplacementMap><feGaussianBlur><feImage><feMerge><feMorphology><feOffset><feSpecularLighting><feTile><feTurbulence>- SVG tutorial: Filter effects