intercept

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.

Dasintercept-Attribut definiert den Schnittpunkt der linearen Funktion der Farbkomponentenübertragungen, wenn dastype-Attribut auflinear gesetzt ist.

Dielinear-Funktion ist definiert alsslope * color + intercept, wobeicolor der Farbwert ist, derintercept bietet einen Basiswert für das Ergebnis, und derslope ist ein Skalierungsfaktor.

Dasintercept-Attribut wird von Kindern des<feComponentTransfer>-Filterprimitivs unterstützt und wird mit den folgenden SVG-Komponentenübertragungsfunktionselementen verwendet, wenntype="linear" gesetzt ist:

Nutzungshinweise

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

<number>: Dieser Wert gibt den Schnittpunkt der linearen Komponentenübertragungsfunktionen an.

Beispiel

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

html

<svg viewBox="0 0 420 200" xmlns="http://www.w3.org/2000/svg">  <defs>    <linearGradient           gradientUnits="userSpaceOnUse"      x1="0"      y1="0"      x2="200"      y2="0">      <stop offset="0" stop-color="red" />      <stop offset="0.5" stop-color="lime" />      <stop offset="1" stop-color="blue" />    </linearGradient>  </defs>  <filter x="0" y="0" width="100%" height="100%">    <feComponentTransfer>      <feFuncR type="linear" intercept="0" />      <feFuncG type="linear" intercept="0" />      <feFuncB type="linear" intercept="0" />    </feComponentTransfer>  </filter>  <filter x="0" y="0" width="100%" height="100%">    <feComponentTransfer>      <feFuncR type="linear" intercept="0.3" />      <feFuncG type="linear" intercept="0.1" />      <feFuncB type="linear" intercept="0.8" />    </feComponentTransfer>  </filter>  <rect    x="0"    y="0"    width="200"    height="200"    fill="url(#gradient)"    filter="url(#componentTransfer1)" />  <rect    x="220"    y="0"    width="200"    height="200"    fill="url(#gradient)"    filter="url(#componentTransfer2)" /></svg>

Spezifikationen

Specification
Filters 1.0 # element-attrdef-fecomponenttransfer-intercept

Browser-Kompatibilität

Help improve MDN

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