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 requiredFeatures-Attribut nimmt eine Liste von Feature-Strings an, wobei die einzelnen Strings durch Leerzeichen getrennt sind. Es bestimmt, ob alle der genannten Features vom Browser unterstützt werden; wenn alle unterstützt werden, wird das Attribut als true ausgewertet und das Element wird gerendert; andernfalls wird es als false ausgewertet und das aktuelle Element und seine Kinder werden übersprungen und somit nicht gerendert. Dies bietet eine Möglichkeit, SVGs zu entwerfen, die sich anpassen, wenn Features nicht verfügbar sind.
Wenn das Attribut nicht vorhanden ist, ist sein implizit ausgewerteter Wert true. Wenn ein leerer String oder ein null-Wert dem Attribut requiredFeatures gegeben wird, wird das Attribut als false ausgewertet.
requiredFeatures wird häufig in Verbindung mit dem <switch>-Element verwendet. Wenn requiredFeatures in anderen Situationen verwendet wird, stellt es einen einfachen Schalter für das gegebene Element dar, ob es gerendert wird oder nicht.
Sie können dieses Attribut mit den folgenden SVG-Elementen verwenden:
Beispiel
<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 |
\
|
|---|---|
| Standardwert |
true wenn nicht definiert, false wenn leerer oder
null-String als Wert
|
| Animierbar | Nein |
<list-of-features>-
Dies ist eine Liste von Feature-Strings, die durch Leerzeichen getrennt sind. Bestimmt, ob alle der genannten Features vom Browser unterstützt werden. Siehe 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 Method-Aufruf, der Teil der SVG DOM-Unterstützung für das DOMImplementation-Interface ist. In einigen Fällen stimmen die Feature-Strings direkt mit einem Satz von Attributen, Eigenschaften oder Elementen überein, in anderen stellen sie eine Funktionalität des Browsers dar. Beachten Sie, dass sich Format und Benennung von Feature-Strings von SVG 1.0 zu SVG 1.1 geändert haben. Die SVG 1.0-Feature-Strings sind hier nicht aufgeführt; einige Browser unterstützen SVG 1.0-Feature-Strings aus Kompatibilitätsgründen. Allerdings werden die SVG 1.0-Feature-Strings als veraltet betrachtet.
http://www.w3.org/TR/SVG11/feature#SVG-
Mindestens eines der folgenden Features wird unterstützt:
http://www.w3.org/TR/SVG11/feature#SVG-statichttp://www.w3.org/TR/SVG11/feature#SVG-animationhttp://www.w3.org/TR/SVG11/feature#SVG-dynamichttp://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-statichttp://www.w3.org/TR/SVG11/feature#SVGDOM-animationhttp://www.w3.org/TR/SVG11/feature#SVGDOM-dynamic
http://www.w3.org/TR/SVG11/feature#SVG-static-
Der Browser unterstützt alle folgenden Features:
http://www.w3.org/TR/SVG11/feature#CoreAttributehttp://www.w3.org/TR/SVG11/feature#Structurehttp://www.w3.org/TR/SVG11/feature#ContainerAttributehttp://www.w3.org/TR/SVG11/feature#ConditionalProcessinghttp://www.w3.org/TR/SVG11/feature#Imagehttp://www.w3.org/TR/SVG11/feature#Stylehttp://www.w3.org/TR/SVG11/feature#ViewportAttributehttp://www.w3.org/TR/SVG11/feature#Shapehttp://www.w3.org/TR/SVG11/feature#Texthttp://www.w3.org/TR/SVG11/feature#PaintAttributehttp://www.w3.org/TR/SVG11/feature#OpacityAttributehttp://www.w3.org/TR/SVG11/feature#GraphicsAttributehttp://www.w3.org/TR/SVG11/feature#Markerhttp://www.w3.org/TR/SVG11/feature#ColorProfilehttp://www.w3.org/TR/SVG11/feature#Gradienthttp://www.w3.org/TR/SVG11/feature#Patternhttp://www.w3.org/TR/SVG11/feature#Cliphttp://www.w3.org/TR/SVG11/feature#Maskhttp://www.w3.org/TR/SVG11/feature#Filterhttp://www.w3.org/TR/SVG11/feature#XlinkAttributehttp://www.w3.org/TR/SVG11/feature#Fonthttp://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 für die Sprachfeatures von
http://www.w3.org/TR/SVG11/feature#SVG-static. http://www.w3.org/TR/SVG11/feature#SVG-animation-
Der Browser unterstützt alle Sprachfeatures von
http://www.w3.org/TR/SVG11/feature#SVG-staticplus das Featurehttp://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, die den Sprachfeatures für
http://www.w3.org/TR/SVG11/feature#SVG-animation entsprechen. http://www.w3.org/TR/SVG11/feature#SVG-dynamic-
Der Browser unterstützt alle Sprachfeatures von
http://www.w3.org/TR/SVG11/feature#SVG-animationplus die folgenden Features:http://www.w3.org/TR/SVG11/feature#Hyperlinkinghttp://www.w3.org/TR/SVG11/feature#Scriptinghttp://www.w3.org/TR/SVG11/feature#Viewhttp://www.w3.org/TR/SVG11/feature#Cursorhttp://www.w3.org/TR/SVG11/feature#GraphicalEventsAttributehttp://www.w3.org/TR/SVG11/feature#DocumentEventsAttributehttp://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 für die Sprachfeatures von
http://www.w3.org/TR/SVG11/feature#SVG-dynamic. http://www.w3.org/TR/SVG11/feature#CoreAttribute-
Der Browser unterstützt die Attribute
id,xml:langundxml:space http://www.w3.org/TR/SVG11/feature#Structure-
Der Browser unterstützt die Elemente
<svg>,<g>,<defs>,<desc>,<title>,<metadata>,<symbol>und<use>. http://www.w3.org/TR/SVG11/feature#BasicStructure-
Der Browser unterstützt die Elemente
<svg>,<g>,<defs>,<desc>,<title>,<metadata>und<use>. http://www.w3.org/TR/SVG11/feature#ContainerAttribute-
Der Browser unterstützt das Attribut
enable-background http://www.w3.org/TR/SVG11/feature#ConditionalProcessing-
Der Browser unterstützt das
<switch>-Element und die AttributerequiredFeatures,requiredExtensions,systemLanguage 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#ViewportAttributehttp://www.w3.org/TR/SVG11/feature#Shape-
Der Browser unterstützt die Elemente
<rect>,<circle>,<line>,<polyline>,<polygon>,<ellipse>und<path>. http://www.w3.org/TR/SVG11/feature#Text-
Der Browser unterstützt die Elemente
<text>,<tspan>,<tref>,<textPath>, und<glyphRef>. 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 Attribute
color,fill,fill-rule,stroke,stroke-dasharray,stroke-dashoffset,stroke-linecap,stroke-linejoin,stroke-miterlimit,stroke-width,color-interpolationundcolor-rendering. http://www.w3.org/TR/SVG11/feature#BasicPaintAttribute-
Der Browser unterstützt die Attribute
color,fill,fill-rule,stroke,stroke-dasharray,stroke-dashoffset,stroke-linecap,stroke-linejoin,stroke-miterlimit,stroke-widthundcolor-rendering. http://www.w3.org/TR/SVG11/feature#OpacityAttribute-
Der Browser unterstützt die Attribute
opacity,stroke-opacityundfill-opacity http://www.w3.org/TR/SVG11/feature#GraphicsAttribute-
Der Browser unterstützt die Attribute
display,image-rendering,pointer-events,shape-rendering,text-renderingundvisibility http://www.w3.org/TR/SVG11/feature#BasicGraphicsAttribute-
Der Browser unterstützt die Attribute
displayundvisibility 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 Elemente
<linearGradient>,<radialGradient>und<stop>. 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 Attributeclip-path,clip-rule http://www.w3.org/TR/SVG11/feature#BasicClip-
Der Browser unterstützt das
<clipPath>-Element und das Attributclip-path 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 Elemente
<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>. http://www.w3.org/TR/SVG11/feature#BasicFilter-
Der Browser unterstützt die Elemente
<filter>,<feBlend>,<feColorMatrix>,<feComponentTransfer>,<feComposite>,<feFlood>,<feGaussianBlur>,<feImage>,<feMerge>,<feMergeNode>,<feOffset>,<feTile>,<feFuncR>,<feFuncG>,<feFuncB>und<feFuncA>. http://www.w3.org/TR/SVG11/feature#DocumentEventsAttribute-
Der Browser unterstützt die Ereignisattribute
onunload,onabort,onerror,onresize,onscrollundonzoom. http://www.w3.org/TR/SVG11/feature#GraphicalEventsAttribute-
Der Browser unterstützt die Ereignisattribute
onfocusin,onfocusout,onactivate,onclick,onmousedown,onmouseup,onmouseover,onmousemove,onmouseoutundonload. http://www.w3.org/TR/SVG11/feature#AnimationEventsAttribute-
Der Browser unterstützt die Ereignisattribute
onbegin,onend,onrepeatundonload. 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 Attribute
xlink:type,xlink:href,xlink:role,xlink:arcrole,xlink:title,xlink:showundxlink:actuate. 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 Elemente
<animate>,<set>,<animateMotion>,<animateTransform>, und<mpath>. 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
<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
.ko {
fill: #900;
}
.ok {
fill: #060;
}
rect {
stroke: #000;
stroke-width: 2px;
}
text {
fill: #fff;
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.