Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten.Erfahre mehr über dieses Experiment.
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 dieKompatibilitätstabelle am Ende dieser Seite, um Ihre Entscheidung zu unterstützen. Beachten Sie, dass diese Funktion jederzeit aufhören könnte zu funktionieren.
Das AttributrequiredFeatures 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 alstrue bewertet und das Element wird gerendert. Andernfalls wird das Attribut alsfalse 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 Werttrue. Wenn dem AttributrequiredFeatures ein Null-String oder leerer String-Wert zugewiesen wird, wird das Attribut alsfalse bewertet.
requiredFeatures wird häufig in Verbindung mit dem<switch>-Element verwendet. WennrequiredFeatures 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,body,svg { height: 100%;}text { fill: white;}<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 benanntenFeatures vom Browser unterstützt werden. Weitere Informationen finden Sie unterFeature-Strings unten für eine Liste der zulässigen Werte.
Feature-Strings
Die folgenden sind die Feature-Strings für dasrequiredFeatures-Attribut. Diese gleichen Feature-Strings gelten auch für denhasFeature Methodenaufruf, der Teil der SVG-DOM-Unterstützung für dieDOMImplementation 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-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 die 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 zu den Sprachfeatures fürhttp://www.w3.org/TR/SVG11/feature#SVG-static.http://www.w3.org/TR/SVG11/feature#SVG-animation-: Der Browser unterstützt alle der Sprachfeatures aushttp://www.w3.org/TR/SVG11/feature#SVG-staticzusätzlich zum 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 für die Sprachfeatures fürhttp://www.w3.org/TR/SVG11/feature#SVG-animation.http://www.w3.org/TR/SVG11/feature#SVG-dynamic-: Der Browser unterstützt alle der Sprachfeatures aushttp://www.w3.org/TR/SVG11/feature#SVG-animationzusätzlich zu den 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 zu den Sprachfeatures fürhttp://www.w3.org/TR/SVG11/feature#SVG-dynamic.http://www.w3.org/TR/SVG11/feature#CoreAttribute-: Der Browser unterstützt dieid,xml:langundxml:spaceAttributehttp://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 dasenable-backgroundAttributhttp://www.w3.org/TR/SVG11/feature#ConditionalProcessing-: Der Browser unterstützt das<switch>Element, und dierequiredFeatures,requiredExtensions,systemLanguageAttributehttp://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 dieclipundoverflowAttribute.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>Elementhttp://www.w3.org/TR/SVG11/feature#PaintAttribute-: Der Browser unterstützt diecolor,fill,fill-rule,stroke,stroke-dasharray,stroke-dashoffset,stroke-linecap,stroke-linejoin,stroke-miterlimit,stroke-width,color-interpolationundcolor-renderingAttributehttp://www.w3.org/TR/SVG11/feature#BasicPaintAttribute-: Der Browser unterstützt diecolor,fill,fill-rule,stroke,stroke-dasharray,stroke-dashoffset,stroke-linecap,stroke-linejoin,stroke-miterlimit,stroke-widthundcolor-renderingAttributehttp://www.w3.org/TR/SVG11/feature#OpacityAttribute-: Der Browser unterstützt dieopacity,stroke-opacityundfill-opacityAttributehttp://www.w3.org/TR/SVG11/feature#GraphicsAttribute-: Der Browser unterstützt diedisplay,image-rendering,pointer-events,shape-rendering,text-renderingundvisibilityAttributehttp://www.w3.org/TR/SVG11/feature#BasicGraphicsAttribute-: Der Browser unterstützt diedisplayundvisibilityAttributehttp://www.w3.org/TR/SVG11/feature#Marker-: Der Browser unterstützt das<marker>Elementhttp://www.w3.org/TR/SVG11/feature#Gradient-: Der Browser unterstützt die<linearGradient>,<radialGradient>und<stop>Elementehttp://www.w3.org/TR/SVG11/feature#Pattern-: Der Browser unterstützt das<pattern>Elementhttp://www.w3.org/TR/SVG11/feature#Clip-: Der Browser unterstützt das<clipPath>Element und dieclip-path,clip-ruleAttributehttp://www.w3.org/TR/SVG11/feature#BasicClip-: Der Browser unterstützt das<clipPath>Element und dasclip-pathAttributhttp://www.w3.org/TR/SVG11/feature#Mask-: Der Browser unterstützt das<mask>Elementhttp://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>Elementehttp://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>Elementehttp://www.w3.org/TR/SVG11/feature#DocumentEventsAttribute-: Der Browser unterstützt dieonunload,onabort,onerror,onresize,onscrollundonzoomEreignisattributehttp://www.w3.org/TR/SVG11/feature#GraphicalEventsAttribute-: Der Browser unterstützt dieonfocusin,onfocusout,onactivate,onclick,onmousedown,onmouseup,onmouseover,onmousemove,onmouseoutundonloadEreignisattributehttp://www.w3.org/TR/SVG11/feature#AnimationEventsAttribute-: Der Browser unterstützt dieonbegin,onend,onrepeatundonloadEreignisattributehttp://www.w3.org/TR/SVG11/feature#Cursor-: Der Browser unterstützt das<cursor>Elementhttp://www.w3.org/TR/SVG11/feature#Hyperlinking-: Der Browser unterstützt das<a>Elementhttp://www.w3.org/TR/SVG11/feature#XlinkAttribute-: Der Browser unterstützt diexlink:type,xlink:href,xlink:role,xlink:arcrole,xlink:title,xlink:showundxlink:actuateAttributehttp://www.w3.org/TR/SVG11/feature#View-: Der Browser unterstützt das<view>Elementhttp://www.w3.org/TR/SVG11/feature#Script-: Der Browser unterstützt das<script>Elementhttp://www.w3.org/TR/SVG11/feature#Animation-: Der Browser unterstützt die<animate>,<set>,<animateMotion>,<animateTransform>, und<mpath>Elementehttp://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>Elementehttp://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>Elementehttp://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 x="10" y="10" height="25" width="430" /> <rect 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 x="10" y="35" height="25" width="430" /> <rect 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 x="10" y="60" height="25" width="430" /> <rect 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 x="10" y="85" height="25" width="430" /> <rect 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 x="10" y="110" height="25" width="430" /> <rect 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 x="10" y="135" height="25" width="430" /> <rect 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 x="10" y="160" height="25" width="430" /> <rect 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 x="10" y="185" height="25" width="430" /> <rect 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 x="10" y="210" height="25" width="430" /> <rect 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 x="10" y="235" height="25" width="430" /> <rect 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 x="10" y="260" height="25" width="430" /> <rect 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 x="10" y="285" height="25" width="430" /> <rect 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 x="10" y="310" height="25" width="430" /> <rect 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 x="10" y="335" height="25" width="430" /> <rect 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 x="10" y="360" height="25" width="430" /> <rect 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 x="10" y="385" height="25" width="430" /> <rect 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 x="10" y="410" height="25" width="430" /> <rect 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 x="10" y="435" height="25" width="430" /> <rect 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 x="10" y="460" height="25" width="430" /> <rect 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 x="10" y="485" height="25" width="430" /> <rect 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 x="10" y="510" height="25" width="430" /> <rect 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 x="10" y="535" height="25" width="430" /> <rect 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 x="10" y="560" height="25" width="430" /> <rect 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 x="10" y="585" height="25" width="430" /> <rect 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 x="10" y="610" height="25" width="430" /> <rect 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 x="10" y="635" height="25" width="430" /> <rect 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 x="10" y="660" height="25" width="430" /> <rect 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 x="10" y="685" height="25" width="430" /> <rect 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 x="10" y="710" height="25" width="430" /> <rect 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 x="10" y="735" height="25" width="430" /> <rect 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 x="10" y="760" height="25" width="430" /> <rect 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 x="10" y="785" height="25" width="430" /> <rect 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 x="10" y="810" height="25" width="430" /> <rect 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 x="10" y="835" height="25" width="430" /> <rect 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 x="10" y="860" height="25" width="430" /> <rect 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 x="10" y="885" height="25" width="430" /> <rect 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 x="10" y="910" height="25" width="430" /> <rect 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 x="10" y="935" height="25" width="430" /> <rect 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 x="10" y="960" height="25" width="430" /> <rect 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 x="10" y="1010" height="25" width="430" /> <rect 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 x="10" y="1035" height="25" width="430" /> <rect 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 x="10" y="1060" height="25" width="430" /> <rect 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 x="10" y="1085" height="25" width="430" /> <rect 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 x="10" y="1110" height="25" width="430" /> <rect 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 x="10" y="1135" height="25" width="430" /> <rect 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;}