seed
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.
Thuộc tính seed biểu thị số khởi đầu cho bộ tạo số giả ngẫu nhiên của bộ lọc nguyên thủy <feTurbulence>.
Bạn có thể dùng thuộc tính này với phần tử SVG sau:
Ví dụ
Ví dụ 1
html
<svg viewBox="0 0 420 200" xmlns="http://www.w3.org/2000/svg">
<filter id="noise1" x="0" y="0" width="100%" height="100%">
<feTurbulence baseFrequency="0.025" seed="0" />
</filter>
<filter id="noise2" x="0" y="0" width="100%" height="100%">
<feTurbulence baseFrequency="0.025" seed="100" />
</filter>
<rect x="0" y="0" width="200" height="200" filter="url(#noise1)" />
<rect x="220" y="0" width="200" height="200" filter="url(#noise2)" />
</svg>
Ví dụ 2
html
<svg
width="200"
height="200"
viewBox="0 0 220 220"
xmlns="http://www.w3.org/2000/svg">
<filter id="displacementFilter">
<feTurbulence baseFrequency="0.05" seed="1000" result="turbulence" />
<feDisplacementMap
in2="turbulence"
in="SourceGraphic"
scale="50"
xChannelSelector="R"
yChannelSelector="G" />
</filter>
<circle cx="100" cy="100" r="100" filter="url(#displacementFilter)" />
</svg>
Ghi chú sử dụng
| Giá trị | <number> |
|---|---|
| Giá trị mặc định | 0 |
| Có thể animate | Có |
Thông số kỹ thuật
| Specification |
|---|
| Filter Effects Module Level 1 # element-attrdef-feturbulence-seed |