seed

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since ⁨Juli 2015⁩.

Das seed-Attribut repräsentiert die Startzahl für den Pseudo-Zufallszahlengenerator der <feTurbulence>-Filterprimitive.

Sie können dieses Attribut mit den folgenden SVG-Elementen verwenden:

<feTurbulence>

Beispiel

Beispiel 1

html,
body,
svg {
 height: 100%;
}

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>

[フレーム]

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

[フレーム]

Verwendungshinweise

Wert	`<number>`
Standardwert	`0`
Animierbar	Yes

Spezifikationen

Specification
Filter Effects Module Level 1 # element-attrdef-feturbulence-seed

Browser-Kompatibilität

Help improve MDN

Learn how to contribute Diese Seite wurde automatisch aus dem Englischen übersetzt.

Übersetzung auf GitHub anzeigen • Fehler mit dieser Übersetzung melden