SVGFEMorphologyElement: operator-Eigenschaft

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.

Die operator schreibgeschützte Eigenschaft des SVGFEMorphologyElement-Interfaces spiegelt das operator-Attribut des gegebenen <feMorphology>-Elements wider. Sie nimmt einen der SVG_MORPHOLOGY_OPERATOR_*-Konstanten an, die auf dieser Schnittstelle definiert sind.

Wert

Beispiele

Zugriff auf die operator-Eigenschaft

html
<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
  <defs>
    <filter id="morphologyFilter">
      <!-- Applies a morphology filter with the "dilate" operator -->
      <feMorphology in="SourceGraphic" operator="dilate" radius="3" />
    </filter>
  </defs>
  <rect
    x="20"
    y="20"
    width="100"
    height="100"
    fill="lightblue"
    filter="url(#morphologyFilter)" />
</svg>
js
// Select the feMorphology element
const morphologyNode = document.querySelector("feMorphology");

// Access the 'operator' property
const operatorEnum = morphologyNode.operator.baseVal;

console.log(operatorEnum); // Output: 2 (SVG_MORPHOLOGY_OPERATOR_DILATE)

Spezifikationen

Specification
Filter Effects Module Level 1
# dom-svgfemorphologyelement-operator

Browser-Kompatibilität

Siehe auch