requiredFeatures

Veraltet: Diese Funktion wird nicht mehr empfohlen. Obwohl einige Browser sie möglicherweise noch unterstützen, könnte sie bereits aus den relevanten Webstandards entfernt worden sein, in Kürze entfernt werden oder nur noch aus Kompatibilitätsgründen bestehen. Vermeiden Sie die Verwendung und aktualisieren Sie vorhandenen Code, falls möglich; siehe die Kompatibilitätstabelle am Ende dieser Seite, um Ihre Entscheidung zu unterstützen. Beachten Sie, dass diese Funktion jederzeit aufhören könnte zu funktionieren.

Das Attribut requiredFeatures nimmt eine Liste von Feature-Strings, wobei die einzelnen Strings durch Leerzeichen getrennt sind. Es bestimmt, ob alle der benannten Features vom Browser unterstützt werden; wenn alle unterstützt werden, wird das Attribut als true bewertet und das Element wird gerendert. Andernfalls wird das Attribut als false bewertet und das aktuelle Element und seine Kinder werden übersprungen und somit nicht gerendert. Dies bietet eine Möglichkeit, SVGs so zu gestalten, dass sie sich anpassen, wenn Funktionen nicht verfügbar sind.

Wenn das Attribut nicht vorhanden ist, ist dessen implizit bewerteter Wert true. Wenn dem Attribut requiredFeatures ein Null-String oder leerer String-Wert zugewiesen wird, wird das Attribut als false bewertet.

requiredFeatures wird häufig in Verbindung mit dem <switch>-Element verwendet. Wenn requiredFeatures in anderen Situationen verwendet wird, stellt es einen einfachen Schalter auf dem gegebenen Element dar, ob das Element gerendert werden soll oder nicht.

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

Beispiel

html
<svg viewBox="0 0 250 45" xmlns="http://www.w3.org/2000/svg">
  <g>
    <rect fill="forestgreen" x="10" y="10" height="25" width="230" />
    <text x="20" y="27">requiredFeatures supported</text>
  </g>
  <g requiredFeatures="">
    <rect fill="crimson" x="10" y="10" height="25" width="230" />
    <text x="20" y="27">requiredFeatures not supported</text>
  </g>
</svg>

Anwendungshinweise

Wert <list-of-features>
Standardwert true wenn nicht definiert, false wenn Null oder ein leerer String als Wert angegeben ist
Animierbar Nein
  • <list-of-features> -: Dies ist eine Liste von Feature-Strings, die durch Leerzeichen getrennt sind. Bestimmt, ob alle der benannten Features vom Browser unterstützt werden. Weitere Informationen finden Sie unter Feature-Strings unten für eine Liste der zulässigen Werte.

Feature-Strings

Die folgenden sind die Feature-Strings für das requiredFeatures-Attribut. Diese gleichen Feature-Strings gelten auch für den hasFeature Methodenaufruf, der Teil der SVG-DOM-Unterstützung für die DOMImplementation Schnittstelle ist. In einigen Fällen spiegeln die Feature-Strings direkt eine Reihe von Attributen, Eigenschaften oder Elementen wider, in anderen repräsentieren sie eine spezifische Browserfunktionalität. Beachten Sie, dass sich das Format und die Benennung der Feature-Strings von SVG 1.0 zu SVG 1.1 geändert haben. Die SVG 1.0 Feature-Strings sind hier nicht gelistet; einige Browser unterstützen jedoch SVG 1.0 Feature-Strings aus Kompatibilitätsgründen. Die SVG 1.0 Feature-Strings gelten jedoch als veraltet.

  • http://www.w3.org/TR/SVG11/feature#SVG -: Mindestens eines der folgenden Features wird unterstützt:

    • http://www.w3.org/TR/SVG11/feature#SVG-static
    • http://www.w3.org/TR/SVG11/feature#SVG-animation
    • http://www.w3.org/TR/SVG11/feature#SVG-dynamic
    • http://www.w3.org/TR/SVG11/feature#SVGDOM

  • http://www.w3.org/TR/SVG11/feature#SVGDOM -: Mindestens eines der folgenden Features wird unterstützt:

    • http://www.w3.org/TR/SVG11/feature#SVGDOM-static
    • http://www.w3.org/TR/SVG11/feature#SVGDOM-animation
    • http://www.w3.org/TR/SVG11/feature#SVGDOM-dynamic

  • http://www.w3.org/TR/SVG11/feature#SVG-static -: Der Browser unterstützt die folgenden Features:

    • http://www.w3.org/TR/SVG11/feature#CoreAttribute
    • http://www.w3.org/TR/SVG11/feature#Structure
    • http://www.w3.org/TR/SVG11/feature#ContainerAttribute
    • http://www.w3.org/TR/SVG11/feature#ConditionalProcessing
    • http://www.w3.org/TR/SVG11/feature#Image
    • http://www.w3.org/TR/SVG11/feature#Style
    • http://www.w3.org/TR/SVG11/feature#ViewportAttribute
    • http://www.w3.org/TR/SVG11/feature#Shape
    • http://www.w3.org/TR/SVG11/feature#Text
    • http://www.w3.org/TR/SVG11/feature#PaintAttribute
    • http://www.w3.org/TR/SVG11/feature#OpacityAttribute
    • http://www.w3.org/TR/SVG11/feature#GraphicsAttribute
    • http://www.w3.org/TR/SVG11/feature#Marker
    • http://www.w3.org/TR/SVG11/feature#ColorProfile
    • http://www.w3.org/TR/SVG11/feature#Gradient
    • http://www.w3.org/TR/SVG11/feature#Pattern
    • http://www.w3.org/TR/SVG11/feature#Clip
    • http://www.w3.org/TR/SVG11/feature#Mask
    • http://www.w3.org/TR/SVG11/feature#Filter
    • http://www.w3.org/TR/SVG11/feature#XlinkAttribute
    • http://www.w3.org/TR/SVG11/feature#Font
    • http://www.w3.org/TR/SVG11/feature#Extensibility

  • http://www.w3.org/TR/SVG11/feature#SVGDOM-static -: Der Browser unterstützt alle DOM-Schnittstellen und Methoden zu den Sprachfeatures für http://www.w3.org/TR/SVG11/feature#SVG-static.

  • http://www.w3.org/TR/SVG11/feature#SVG-animation -: Der Browser unterstützt alle der Sprachfeatures aus http://www.w3.org/TR/SVG11/feature#SVG-static zusätzlich zum Feature http://www.w3.org/TR/SVG11/feature#Animation.

  • http://www.w3.org/TR/SVG11/feature#SVGDOM-animation -: Der Browser unterstützt alle DOM-Schnittstellen und Methoden für die Sprachfeatures für http://www.w3.org/TR/SVG11/feature#SVG-animation.

  • http://www.w3.org/TR/SVG11/feature#SVG-dynamic -: Der Browser unterstützt alle der Sprachfeatures aus http://www.w3.org/TR/SVG11/feature#SVG-animation zusätzlich zu den folgenden Features:

    • http://www.w3.org/TR/SVG11/feature#Hyperlinking
    • http://www.w3.org/TR/SVG11/feature#Scripting
    • http://www.w3.org/TR/SVG11/feature#View
    • http://www.w3.org/TR/SVG11/feature#Cursor
    • http://www.w3.org/TR/SVG11/feature#GraphicalEventsAttribute
    • http://www.w3.org/TR/SVG11/feature#DocumentEventsAttribute
    • http://www.w3.org/TR/SVG11/feature#AnimationEventsAttribute

  • http://www.w3.org/TR/SVG11/feature#SVGDOM-dynamic -: Der Browser unterstützt alle DOM-Schnittstellen und Methoden zu den Sprachfeatures für http://www.w3.org/TR/SVG11/feature#SVG-dynamic.

  • http://www.w3.org/TR/SVG11/feature#CoreAttribute -: Der Browser unterstützt die id, xml:lang und xml:space Attribute

  • http://www.w3.org/TR/SVG11/feature#Structure -: Der Browser unterstützt die <svg>, <g>, <defs>, <desc>, <title>, <metadata>, <symbol> und <use> Elemente.

  • http://www.w3.org/TR/SVG11/feature#BasicStructure -: Der Browser unterstützt die <svg>, <g>, <defs>, <desc>, <title>, <metadata> und <use> Elemente.

  • http://www.w3.org/TR/SVG11/feature#ContainerAttribute -: Der Browser unterstützt das enable-background Attribut

  • http://www.w3.org/TR/SVG11/feature#ConditionalProcessing -: Der Browser unterstützt das <switch> Element, und die requiredFeatures, requiredExtensions, systemLanguage Attribute

  • http://www.w3.org/TR/SVG11/feature#Image -: Der Browser unterstützt das <image> Element.

  • http://www.w3.org/TR/SVG11/feature#Style -: Der Browser unterstützt das <style> Element.

  • http://www.w3.org/TR/SVG11/feature#ViewportAttribute -: Der Browser unterstützt die clip und overflow Attribute.

  • http://www.w3.org/TR/SVG11/feature#Shape -: Der Browser unterstützt die <rect>, <circle>, <line>, <polyline>, <polygon>, <ellipse> und <path> Elemente.

  • http://www.w3.org/TR/SVG11/feature#Text -: Der Browser unterstützt die <text>, <tspan>, <tref>, <textPath>, und <glyphRef> Elemente.

  • http://www.w3.org/TR/SVG11/feature#BasicText -: Der Browser unterstützt das <text> Element

  • http://www.w3.org/TR/SVG11/feature#PaintAttribute -: Der Browser unterstützt die color, fill, fill-rule, stroke, stroke-dasharray, stroke-dashoffset, stroke-linecap, stroke-linejoin, stroke-miterlimit, stroke-width, color-interpolation und color-rendering Attribute

  • http://www.w3.org/TR/SVG11/feature#BasicPaintAttribute -: Der Browser unterstützt die color, fill, fill-rule, stroke, stroke-dasharray, stroke-dashoffset, stroke-linecap, stroke-linejoin, stroke-miterlimit, stroke-width und color-rendering Attribute

  • http://www.w3.org/TR/SVG11/feature#OpacityAttribute -: Der Browser unterstützt die opacity, stroke-opacity und fill-opacity Attribute

  • http://www.w3.org/TR/SVG11/feature#GraphicsAttribute -: Der Browser unterstützt die display, image-rendering, pointer-events, shape-rendering, text-rendering und visibility Attribute

  • http://www.w3.org/TR/SVG11/feature#BasicGraphicsAttribute -: Der Browser unterstützt die display und visibility Attribute

  • http://www.w3.org/TR/SVG11/feature#Marker -: Der Browser unterstützt das <marker> Element

  • http://www.w3.org/TR/SVG11/feature#Gradient -: Der Browser unterstützt die <linearGradient>, <radialGradient> und <stop> Elemente

  • http://www.w3.org/TR/SVG11/feature#Pattern -: Der Browser unterstützt das <pattern> Element

  • http://www.w3.org/TR/SVG11/feature#Clip -: Der Browser unterstützt das <clipPath> Element und die clip-path, clip-rule Attribute

  • http://www.w3.org/TR/SVG11/feature#BasicClip -: Der Browser unterstützt das <clipPath> Element und das clip-path Attribut

  • http://www.w3.org/TR/SVG11/feature#Mask -: Der Browser unterstützt das <mask> Element

  • http://www.w3.org/TR/SVG11/feature#Filter -: Der Browser unterstützt die <filter>, <feBlend>, <feColorMatrix>, <feComponentTransfer>, <feComposite>, <feConvolveMatrix>, <feDiffuseLighting>, <feDisplacementMap>, <feFlood>, <feGaussianBlur>, <feImage>, <feMerge>, <feMergeNode>, <feMorphology>, <feOffset>, <feSpecularLighting>, <feTile>, <feDistantLight>, <fePointLight>, <feSpotLight>, <feFuncR>, <feFuncG>, <feFuncB> und <feFuncA> Elemente

  • http://www.w3.org/TR/SVG11/feature#BasicFilter -: Der Browser unterstützt die <filter>, <feBlend>, <feColorMatrix>, <feComponentTransfer>, <feComposite>, <feFlood>, <feGaussianBlur>, <feImage>, <feMerge>, <feMergeNode>, <feOffset>, <feTile>, <feFuncR>, <feFuncG>, <feFuncB> und <feFuncA> Elemente

  • http://www.w3.org/TR/SVG11/feature#DocumentEventsAttribute -: Der Browser unterstützt die onunload, onabort, onerror, onresize, onscroll und onzoom Ereignisattribute

  • http://www.w3.org/TR/SVG11/feature#GraphicalEventsAttribute -: Der Browser unterstützt die onfocusin, onfocusout, onactivate, onclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout und onload Ereignisattribute

  • http://www.w3.org/TR/SVG11/feature#AnimationEventsAttribute -: Der Browser unterstützt die onbegin, onend, onrepeat und onload Ereignisattribute

  • http://www.w3.org/TR/SVG11/feature#Cursor -: Der Browser unterstützt das <cursor> Element

  • http://www.w3.org/TR/SVG11/feature#Hyperlinking -: Der Browser unterstützt das <a> Element

  • http://www.w3.org/TR/SVG11/feature#XlinkAttribute -: Der Browser unterstützt die xlink:type, xlink:href, xlink:role, xlink:arcrole, xlink:title, xlink:show und xlink:actuate Attribute

  • http://www.w3.org/TR/SVG11/feature#View -: Der Browser unterstützt das <view> Element

  • http://www.w3.org/TR/SVG11/feature#Script -: Der Browser unterstützt das <script> Element

  • http://www.w3.org/TR/SVG11/feature#Animation -: Der Browser unterstützt die <animate>, <set>, <animateMotion>, <animateTransform>, und <mpath> Elemente

  • http://www.w3.org/TR/SVG11/feature#Font -: Der Browser unterstützt die <font>, <font-face>, <glyph>, <missing-glyph>, <hkern>, <vkern>, <font-face-src>, <font-face-uri>, <font-face-format> und <font-face-name> Elemente

  • http://www.w3.org/TR/SVG11/feature#BasicFont -: Der Browser unterstützt die <font>, <font-face>, <glyph>, <missing-glyph>, <hkern>, <font-face-src> und <font-face-name> Elemente

  • http://www.w3.org/TR/SVG11/feature#Extensibility -: Der Browser unterstützt das <foreignObject> Element

Testen der Feature-Unterstützung

SVG

html
<svg width="450" height="1170" xmlns="http://www.w3.org/2000/svg">
  <!-- Testing : http://www.w3.org/TR/SVG11/feature#SVG -->
  <rect class="ko" x="10" y="10" height="25" width="430" />
  <rect
    class="ok"
    x="10"
    y="10"
    height="25"
    width="430"
    requiredFeatures="http://www.w3.org/TR/SVG11/feature#SVG" />
  <text x="20" y="27">http://www.w3.org/TR/SVG11/feature#SVG</text>

  <!-- Testing : http://www.w3.org/TR/SVG11/feature#SVGDOM -->
  <rect class="ko" x="10" y="35" height="25" width="430" />
  <rect
    class="ok"
    x="10"
    y="35"
    height="25"
    width="430"
    requiredFeatures="http://www.w3.org/TR/SVG11/feature#SVGDOM" />
  <text x="20" y="52">http://www.w3.org/TR/SVG11/feature#SVGDOM</text>

  <!-- Testing : http://www.w3.org/TR/SVG11/feature#SVG-static -->
  <rect class="ko" x="10" y="60" height="25" width="430" />
  <rect
    class="ok"
    x="10"
    y="60"
    height="25"
    width="430"
    requiredFeatures="http://www.w3.org/TR/SVG11/feature#SVG-static" />
  <text x="20" y="77">http://www.w3.org/TR/SVG11/feature#SVG-static</text>

  <!-- Testing : http://www.w3.org/TR/SVG11/feature#SVGDOM-static -->
  <rect class="ko" x="10" y="85" height="25" width="430" />
  <rect
    class="ok"
    x="10"
    y="85"
    height="25"
    width="430"
    requiredFeatures="http://www.w3.org/TR/SVG11/feature#SVGDOM-static" />
  <text x="20" y="102">http://www.w3.org/TR/SVG11/feature#SVGDOM-static</text>

  <!-- Testing : http://www.w3.org/TR/SVG11/feature#SVG-animation -->
  <rect class="ko" x="10" y="110" height="25" width="430" />
  <rect
    class="ok"
    x="10"
    y="110"
    height="25"
    width="430"
    requiredFeatures="http://www.w3.org/TR/SVG11/feature#SVG-animation" />
  <text x="20" y="127">http://www.w3.org/TR/SVG11/feature#SVG-animation</text>

  <!-- Testing : http://www.w3.org/TR/SVG11/feature#SVGDOM-animation -->
  <rect class="ko" x="10" y="135" height="25" width="430" />
  <rect
    class="ok"
    x="10"
    y="135"
    height="25"
    width="430"
    requiredFeatures="http://www.w3.org/TR/SVG11/feature#SVGDOM-animation" />
  <text x="20" y="152">
    http://www.w3.org/TR/SVG11/feature#SVGDOM-animation
  </text>

  <!-- Testing : http://www.w3.org/TR/SVG11/feature#SVG-dynamic -->
  <rect class="ko" x="10" y="160" height="25" width="430" />
  <rect
    class="ok"
    x="10"
    y="160"
    height="25"
    width="430"
    requiredFeatures="http://www.w3.org/TR/SVG11/feature#SVG-dynamic" />
  <text x="20" y="177">http://www.w3.org/TR/SVG11/feature#SVG-dynamic</text>

  <!-- Testing : http://www.w3.org/TR/SVG11/feature#SVGDOM-dynamic -->
  <rect class="ko" x="10" y="185" height="25" width="430" />
  <rect
    class="ok"
    x="10"
    y="185"
    height="25"
    width="430"
    requiredFeatures="http://www.w3.org/TR/SVG11/feature#SVGDOM-dynamic" />
  <text x="20" y="202">http://www.w3.org/TR/SVG11/feature#SVGDOM-dynamic</text>

  <!-- Testing : http://www.w3.org/TR/SVG11/feature#CoreAttribute -->
  <rect class="ko" x="10" y="210" height="25" width="430" />
  <rect
    class="ok"
    x="10"
    y="210"
    height="25"
    width="430"
    requiredFeatures="http://www.w3.org/TR/SVG11/feature#CoreAttribute" />
  <text x="20" y="227">http://www.w3.org/TR/SVG11/feature#CoreAttribute</text>

  <!-- Testing : http://www.w3.org/TR/SVG11/feature#Structure -->
  <rect class="ko" x="10" y="235" height="25" width="430" />
  <rect
    class="ok"
    x="10"
    y="235"
    height="25"
    width="430"
    requiredFeatures="http://www.w3.org/TR/SVG11/feature#Structure" />
  <text x="20" y="252">http://www.w3.org/TR/SVG11/feature#Structure</text>

  <!-- Testing : http://www.w3.org/TR/SVG11/feature#BasicStructure -->
  <rect class="ko" x="10" y="260" height="25" width="430" />
  <rect
    class="ok"
    x="10"
    y="260"
    height="25"
    width="430"
    requiredFeatures="http://www.w3.org/TR/SVG11/feature#BasicStructure" />
  <text x="20" y="277">http://www.w3.org/TR/SVG11/feature#BasicStructure</text>

  <!-- Testing : http://www.w3.org/TR/SVG11/feature#ContainerAttribute -->
  <rect class="ko" x="10" y="285" height="25" width="430" />
  <rect
    class="ok"
    x="10"
    y="285"
    height="25"
    width="430"
    requiredFeatures="http://www.w3.org/TR/SVG11/feature#ContainerAttribute" />
  <text x="20" y="302">
    http://www.w3.org/TR/SVG11/feature#ContainerAttribute
  </text>

  <!-- Testing : http://www.w3.org/TR/SVG11/feature#ConditionalProcessing -->
  <rect class="ko" x="10" y="310" height="25" width="430" />
  <rect
    class="ok"
    x="10"
    y="310"
    height="25"
    width="430"
    requiredFeatures="http://www.w3.org/TR/SVG11/feature#ConditionalProcessing" />
  <text x="20" y="327">
    http://www.w3.org/TR/SVG11/feature#ConditionalProcessing
  </text>

  <!-- Testing : http://www.w3.org/TR/SVG11/feature#Image -->
  <rect class="ko" x="10" y="335" height="25" width="430" />
  <rect
    class="ok"
    x="10"
    y="335"
    height="25"
    width="430"
    requiredFeatures="http://www.w3.org/TR/SVG11/feature#Image" />
  <text x="20" y="352">http://www.w3.org/TR/SVG11/feature#Image</text>

  <!-- Testing : http://www.w3.org/TR/SVG11/feature#Style -->
  <rect class="ko" x="10" y="360" height="25" width="430" />
  <rect
    class="ok"
    x="10"
    y="360"
    height="25"
    width="430"
    requiredFeatures="http://www.w3.org/TR/SVG11/feature#Style" />
  <text x="20" y="377">http://www.w3.org/TR/SVG11/feature#Style</text>

  <!-- Testing : http://www.w3.org/TR/SVG11/feature#ViewportAttribute -->
  <rect class="ko" x="10" y="385" height="25" width="430" />
  <rect
    class="ok"
    x="10"
    y="385"
    height="25"
    width="430"
    requiredFeatures="http://www.w3.org/TR/SVG11/feature#ViewportAttribute" />
  <text x="20" y="402">
    http://www.w3.org/TR/SVG11/feature#ViewportAttribute
  </text>

  <!-- Testing : http://www.w3.org/TR/SVG11/feature#Shape -->
  <rect class="ko" x="10" y="410" height="25" width="430" />
  <rect
    class="ok"
    x="10"
    y="410"
    height="25"
    width="430"
    requiredFeatures="http://www.w3.org/TR/SVG11/feature#Shape" />
  <text x="20" y="427">http://www.w3.org/TR/SVG11/feature#Shape</text>

  <!-- Testing : http://www.w3.org/TR/SVG11/feature#Text -->
  <rect class="ko" x="10" y="435" height="25" width="430" />
  <rect
    class="ok"
    x="10"
    y="435"
    height="25"
    width="430"
    requiredFeatures="http://www.w3.org/TR/SVG11/feature#Text" />
  <text x="20" y="452">http://www.w3.org/TR/SVG11/feature#Text</text>

  <!-- Testing : http://www.w3.org/TR/SVG11/feature#BasicText -->
  <rect class="ko" x="10" y="460" height="25" width="430" />
  <rect
    class="ok"
    x="10"
    y="460"
    height="25"
    width="430"
    requiredFeatures="http://www.w3.org/TR/SVG11/feature#BasicText" />
  <text x="20" y="477">http://www.w3.org/TR/SVG11/feature#BasicText</text>

  <!-- Testing : http://www.w3.org/TR/SVG11/feature#PaintAttribute -->
  <rect class="ko" x="10" y="485" height="25" width="430" />
  <rect
    class="ok"
    x="10"
    y="485"
    height="25"
    width="430"
    requiredFeatures="http://www.w3.org/TR/SVG11/feature#PaintAttribute" />
  <text x="20" y="502">http://www.w3.org/TR/SVG11/feature#PaintAttribute</text>

  <!-- Testing : http://www.w3.org/TR/SVG11/feature#BasicPaintAttribute -->
  <rect class="ko" x="10" y="510" height="25" width="430" />
  <rect
    class="ok"
    x="10"
    y="510"
    height="25"
    width="430"
    requiredFeatures="http://www.w3.org/TR/SVG11/feature#BasicPaintAttribute" />
  <text x="20" y="527">
    http://www.w3.org/TR/SVG11/feature#BasicPaintAttribute
  </text>

  <!-- Testing : http://www.w3.org/TR/SVG11/feature#OpacityAttribute -->
  <rect class="ko" x="10" y="535" height="25" width="430" />
  <rect
    class="ok"
    x="10"
    y="535"
    height="25"
    width="430"
    requiredFeatures="http://www.w3.org/TR/SVG11/feature#OpacityAttribute" />
  <text x="20" y="552">
    http://www.w3.org/TR/SVG11/feature#OpacityAttribute
  </text>

  <!-- Testing : http://www.w3.org/TR/SVG11/feature#GraphicsAttribute -->
  <rect class="ko" x="10" y="560" height="25" width="430" />
  <rect
    class="ok"
    x="10"
    y="560"
    height="25"
    width="430"
    requiredFeatures="http://www.w3.org/TR/SVG11/feature#GraphicsAttribute" />
  <text x="20" y="577">
    http://www.w3.org/TR/SVG11/feature#GraphicsAttribute
  </text>

  <!-- Testing : http://www.w3.org/TR/SVG11/feature#BasicGraphicsAttribute -->
  <rect class="ko" x="10" y="585" height="25" width="430" />
  <rect
    class="ok"
    x="10"
    y="585"
    height="25"
    width="430"
    requiredFeatures="http://www.w3.org/TR/SVG11/feature#BasicGraphicsAttribute" />
  <text x="20" y="602">
    http://www.w3.org/TR/SVG11/feature#BasicGraphicsAttribute
  </text>

  <!-- Testing : http://www.w3.org/TR/SVG11/feature#Marker -->
  <rect class="ko" x="10" y="610" height="25" width="430" />
  <rect
    class="ok"
    x="10"
    y="610"
    height="25"
    width="430"
    requiredFeatures="http://www.w3.org/TR/SVG11/feature#Marker" />
  <text x="20" y="627">http://www.w3.org/TR/SVG11/feature#Marker</text>

  <!-- Testing : http://www.w3.org/TR/SVG11/feature#ColorProfile -->
  <rect class="ko" x="10" y="635" height="25" width="430" />
  <rect
    class="ok"
    x="10"
    y="635"
    height="25"
    width="430"
    requiredFeatures="http://www.w3.org/TR/SVG11/feature#ColorProfile" />
  <text x="20" y="652">http://www.w3.org/TR/SVG11/feature#ColorProfile</text>

  <!-- Testing : http://www.w3.org/TR/SVG11/feature#Gradient -->
  <rect class="ko" x="10" y="660" height="25" width="430" />
  <rect
    class="ok"
    x="10"
    y="660"
    height="25"
    width="430"
    requiredFeatures="http://www.w3.org/TR/SVG11/feature#Gradient" />
  <text x="20" y="677">http://www.w3.org/TR/SVG11/feature#Gradient</text>

  <!-- Testing : http://www.w3.org/TR/SVG11/feature#Pattern -->
  <rect class="ko" x="10" y="685" height="25" width="430" />
  <rect
    class="ok"
    x="10"
    y="685"
    height="25"
    width="430"
    requiredFeatures="http://www.w3.org/TR/SVG11/feature#Pattern" />
  <text x="20" y="702">http://www.w3.org/TR/SVG11/feature#Pattern</text>

  <!-- Testing : http://www.w3.org/TR/SVG11/feature#Clip -->
  <rect class="ko" x="10" y="710" height="25" width="430" />
  <rect
    class="ok"
    x="10"
    y="710"
    height="25"
    width="430"
    requiredFeatures="http://www.w3.org/TR/SVG11/feature#Clip" />
  <text x="20" y="727">http://www.w3.org/TR/SVG11/feature#Clip</text>

  <!-- Testing : http://www.w3.org/TR/SVG11/feature#BasicClip -->
  <rect class="ko" x="10" y="735" height="25" width="430" />
  <rect
    class="ok"
    x="10"
    y="735"
    height="25"
    width="430"
    requiredFeatures="http://www.w3.org/TR/SVG11/feature#BasicClip" />
  <text x="20" y="752">http://www.w3.org/TR/SVG11/feature#BasicClip</text>

  <!-- Testing : http://www.w3.org/TR/SVG11/feature#Mask -->
  <rect class="ko" x="10" y="760" height="25" width="430" />
  <rect
    class="ok"
    x="10"
    y="760"
    height="25"
    width="430"
    requiredFeatures="http://www.w3.org/TR/SVG11/feature#Mask" />
  <text x="20" y="777">http://www.w3.org/TR/SVG11/feature#Mask</text>

  <!-- Testing : http://www.w3.org/TR/SVG11/feature#Filter -->
  <rect class="ko" x="10" y="785" height="25" width="430" />
  <rect
    class="ok"
    x="10"
    y="785"
    height="25"
    width="430"
    requiredFeatures="http://www.w3.org/TR/SVG11/feature#Filter" />
  <text x="20" y="802">http://www.w3.org/TR/SVG11/feature#Filter</text>

  <!-- Testing : http://www.w3.org/TR/SVG11/feature#BasicFilter -->
  <rect class="ko" x="10" y="810" height="25" width="430" />
  <rect
    class="ok"
    x="10"
    y="810"
    height="25"
    width="430"
    requiredFeatures="http://www.w3.org/TR/SVG11/feature#BasicFilter" />
  <text x="20" y="827">http://www.w3.org/TR/SVG11/feature#BasicFilter</text>

  <!-- Testing : http://www.w3.org/TR/SVG11/feature#DocumentEventsAttribute -->
  <rect class="ko" x="10" y="835" height="25" width="430" />
  <rect
    class="ok"
    x="10"
    y="835"
    height="25"
    width="430"
    requiredFeatures="http://www.w3.org/TR/SVG11/feature#DocumentEventsAttribute" />
  <text x="20" y="852">
    http://www.w3.org/TR/SVG11/feature#DocumentEventsAttribute
  </text>

  <!-- Testing : http://www.w3.org/TR/SVG11/feature#GraphicalEventsAttribute -->
  <rect class="ko" x="10" y="860" height="25" width="430" />
  <rect
    class="ok"
    x="10"
    y="860"
    height="25"
    width="430"
    requiredFeatures="http://www.w3.org/TR/SVG11/feature#GraphicalEventsAttribute" />
  <text x="20" y="877">
    http://www.w3.org/TR/SVG11/feature#GraphicalEventsAttribute
  </text>

  <!-- Testing : http://www.w3.org/TR/SVG11/feature#AnimationEventsAttribute -->
  <rect class="ko" x="10" y="885" height="25" width="430" />
  <rect
    class="ok"
    x="10"
    y="885"
    height="25"
    width="430"
    requiredFeatures="http://www.w3.org/TR/SVG11/feature#AnimationEventsAttribute" />
  <text x="20" y="902">
    http://www.w3.org/TR/SVG11/feature#AnimationEventsAttribute
  </text>

  <!-- Testing : http://www.w3.org/TR/SVG11/feature#Cursor -->
  <rect class="ko" x="10" y="910" height="25" width="430" />
  <rect
    class="ok"
    x="10"
    y="910"
    height="25"
    width="430"
    requiredFeatures="http://www.w3.org/TR/SVG11/feature#Cursor" />
  <text x="20" y="927">http://www.w3.org/TR/SVG11/feature#Cursor</text>

  <!-- Testing : http://www.w3.org/TR/SVG11/feature#Hyperlinking -->
  <rect class="ko" x="10" y="935" height="25" width="430" />
  <rect
    class="ok"
    x="10"
    y="935"
    height="25"
    width="430"
    requiredFeatures="http://www.w3.org/TR/SVG11/feature#Hyperlinking" />
  <text x="20" y="952">http://www.w3.org/TR/SVG11/feature#Hyperlinking</text>

  <!-- Testing : http://www.w3.org/TR/SVG11/feature#XlinkAttribute -->
  <rect class="ko" x="10" y="960" height="25" width="430" />
  <rect
    class="ok"
    x="10"
    y="960"
    height="25"
    width="430"
    requiredFeatures="http://www.w3.org/TR/SVG11/feature#XlinkAttribute" />
  <text x="20" y="977">http://www.w3.org/TR/SVG11/feature#XlinkAttribute</text>

  <!-- Testing : http://www.w3.org/TR/SVG11/feature#View -->
  <rect class="ko" x="10" y="1010" height="25" width="430" />
  <rect
    class="ok"
    x="10"
    y="1010"
    height="25"
    width="430"
    requiredFeatures="http://www.w3.org/TR/SVG11/feature#View" />
  <text x="20" y="1027">http://www.w3.org/TR/SVG11/feature#View</text>

  <!-- Testing : http://www.w3.org/TR/SVG11/feature#Script -->
  <rect class="ko" x="10" y="1035" height="25" width="430" />
  <rect
    class="ok"
    x="10"
    y="1035"
    height="25"
    width="430"
    requiredFeatures="http://www.w3.org/TR/SVG11/feature#Script" />
  <text x="20" y="1052">http://www.w3.org/TR/SVG11/feature#Script</text>

  <!-- Testing : http://www.w3.org/TR/SVG11/feature#Animation -->
  <rect class="ko" x="10" y="1060" height="25" width="430" />
  <rect
    class="ok"
    x="10"
    y="1060"
    height="25"
    width="430"
    requiredFeatures="http://www.w3.org/TR/SVG11/feature#Animation" />
  <text x="20" y="1077">http://www.w3.org/TR/SVG11/feature#Animation</text>

  <!-- Testing : http://www.w3.org/TR/SVG11/feature#Font -->
  <rect class="ko" x="10" y="1085" height="25" width="430" />
  <rect
    class="ok"
    x="10"
    y="1085"
    height="25"
    width="430"
    requiredFeatures="http://www.w3.org/TR/SVG11/feature#Font" />
  <text x="20" y="1102">http://www.w3.org/TR/SVG11/feature#Font</text>

  <!-- Testing : http://www.w3.org/TR/SVG11/feature#BasicFont -->
  <rect class="ko" x="10" y="1110" height="25" width="430" />
  <rect
    class="ok"
    x="10"
    y="1110"
    height="25"
    width="430"
    requiredFeatures="http://www.w3.org/TR/SVG11/feature#BasicFont" />
  <text x="20" y="1127">http://www.w3.org/TR/SVG11/feature#BasicFont</text>

  <!-- Testing : http://www.w3.org/TR/SVG11/feature#Extensibility -->
  <rect class="ko" x="10" y="1135" height="25" width="430" />
  <rect
    class="ok"
    x="10"
    y="1135"
    height="25"
    width="430"
    requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" />
  <text x="20" y="1152">http://www.w3.org/TR/SVG11/feature#Extensibility</text>
</svg>

CSS

css
.ko {
  fill: #990000;
}

.ok {
  fill: #006600;
}

rect {
  stroke: black;
  stroke-width: 2px;
}

text {
  fill: white;
  font: 12px sans-serif;
}

Ergebnis

Spezifikationen

No specification found

No specification data found for svg.global_attributes.requiredFeatures.
Check for problems with this page or contribute a missing spec_url to mdn/browser-compat-data. Also make sure the specification is included in w3c/browser-specs.

Browser-Kompatibilität