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, 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 zu true ausgewertet und das Element wird gerendert; andernfalls wird das Attribut zu false ausgewertet und das aktuelle Element sowie seine Kinder werden übersprungen und somit nicht gerendert. Dies bietet eine Möglichkeit, SVG so zu gestalten, dass es bei nicht verfügbaren Features anmutig zurückfällt.
Wenn das Attribut nicht vorhanden ist, ist sein implizierter ausgewerteter Wert true. Wenn dem Attribut requiredFeatures ein Null-String oder ein leerer String als Wert gegeben wird, wird das Attribut zu false ausgewertet.
requiredFeatures wird oft in Verbindung mit dem <switch> Element verwendet. Wenn requiredFeatures in anderen Situationen verwendet wird, stellt es einen einfachen Schalter am gegebenen Element dar, ob das Element 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>
Nutzungshinweise
| Wert |
<list-of-features>
|
|---|---|
| Standardwert |
true wenn nicht definiert, false bei Null oder leerem
String als Wert
|
| Animierbar | Nein |
<list-of-features>-
Dies ist eine Liste von Feature-Strings, getrennt durch Leerzeichen. Bestimmt, ob alle der genannten Features vom Browser unterstützt werden. Siehe Feature-Strings unten für eine Liste von erlaubten Werten.
Feature-Strings
Die folgenden sind die Feature-Strings für das requiredFeatures Attribut. Diese gleichen Feature-Strings gelten für den hasFeature Methodenaufruf, der Teil der Unterstützung der DOMImplementation für die SVG DOM-Schnittstelle ist. In einigen Fällen entsprechen die Feature-Strings direkt einer Gruppe von Attributen, Eigenschaften oder Elementen, in anderen stellen sie bestimmte Funktionalitäten des Browsers dar. 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 aufgeführt; einige Browser unterstützen SVG 1.0 Feature-Strings aus Kompatibilitätsgründen. Die SVG 1.0 Feature-Strings werden jedoch 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 Sprach-Features von
http://www.w3.org/TR/SVG11/feature#SVG-static. http://www.w3.org/TR/SVG11/feature#SVG-animation-
Der Browser unterstützt alle Sprach-Features 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 Sprach-Features für
http://www.w3.org/TR/SVG11/feature#SVG-animationentsprechen. http://www.w3.org/TR/SVG11/feature#SVG-dynamic-
Der Browser unterstützt alle Sprach-Features 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 Sprach-Features 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 dasclip-pathAttribut 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
onunload,onabort,onerror,onresize,onscrollundonzoomEreignisattribute http://www.w3.org/TR/SVG11/feature#GraphicalEventsAttribute-
Der Browser unterstützt die
onfocusin,onfocusout,onactivate,onclick,onmousedown,onmouseup,onmouseover,onmousemove,onmouseoutundonloadEreignisattribute http://www.w3.org/TR/SVG11/feature#AnimationEventsAttribute-
Der Browser unterstützt die
onbegin,onend,onrepeatundonloadEreignisattribute 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 Elemente
<font>,<font-face>,<glyph>,<missing-glyph>,<hkern>,<vkern>,<font-face-src>,<font-face-uri>,<font-face-format>und<font-face-name> http://www.w3.org/TR/SVG11/feature#BasicFont-
Der Browser unterstützt die Elemente
<font>,<font-face>,<glyph>,<missing-glyph>,<hkern>,<font-face-src>und<font-face-name> 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: #990000;
}
.ok {
fill: #006600;
}
rect {
stroke: black;
stroke-width: 2px;
}
text {
fill: white;
font: 12px sans-serif;
}
Ergebnis
Spezifikationen
| Spezifikation |
|---|
| Scalable Vector Graphics (SVG) 1.1 (Second Edition) # RequiredFeaturesAttribute |