<feImage>

Baseline Weitgehend verfügbar *

Diese Funktion ist gut etabliert und funktioniert auf vielen Geräten und in vielen Browserversionen. Sie ist seit Juli 2015 browserübergreifend verfügbar.

* Einige Teile dieser Funktion werden möglicherweise unterschiedlich gut unterstützt.

Das <feImage> SVG Filter-Primitive holt Bilddaten aus einer externen Quelle und stellt die Pixeldaten als Ausgabe bereit (das bedeutet, wenn die externe Quelle ein SVG-Bild ist, wird es gerastert).

In diesem Artikel

Verwendungskontext

KategorienErlaubter Inhalt

Primitives Filterelement

Beliebige Anzahl folgender Elemente, in beliebiger Reihenfolge:
<animate>, <animateTransform>, <set>

Attribute

crossorigin
fetchpriority
preserveAspectRatio
href
xlink:href
Filter-Primitive-Attribute: x, y, width, height, result

DOM-Schnittstelle

Dieses Element implementiert die SVGFEImageElement Schnittstelle.

Beispiel

SVG

html
<svg
  viewBox="0 0 200 200"
  xmlns="http://www.w3.org/2000/svg"
  xmlns:xlink="http://www.w3.org/1999/xlink"
  width="200"
  height="200">
  <defs>
    <filter id="image">
      <feImage href="mdn_logo_only_color.png" />
    </filter>
  </defs>

  <rect x="10%" y="10%" width="80%" height="80%" filter="url(#image)" />
</svg>

Ergebnis

Spezifikationen

Spezifikation

Filter Effects Module Level 1
# feImageElement

Browser-Kompatibilität

JavaScript aktivieren, um diese Browser-Kompatibilitätstabelle anzuzeigen.

Siehe auch

Help improve MDN

War diese Übersetzung hilfreich?

Ja Nein

Erfahren Sie, wie Sie beitragen können Diese Seite wurde automatisch aus dem Englischen übersetzt.

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