requiredFeatures
已棄用:此特性不再推薦。雖然某些瀏覽器可能仍然支援它,但它可能已經從相關的網路標準中刪除,可能正在刪除過程中,或者可能僅為相容性目的而保留。請避免使用它,如果可能,請更新現有程式碼;請參閱本頁底部的相容性表格以指導您的決策。請注意,此特性可能隨時停止工作。
requiredFeatures 屬性接受一個特徵字串列表,各個字串之間用空格分隔。它決定瀏覽器是否支援所有命名特徵;如果所有特徵都受支援,則該屬性評估為 true,元素將被渲染;否則,該屬性評估為 false,當前元素及其子元素將被跳過,因此不會被渲染。這提供了一種在功能不可用時優雅降級設計 SVG 的方法。
如果屬性不存在,則其隱式評估值為 true。如果為 requiredFeatures 屬性指定了空字串或 null 字串值,則該屬性評估為 false。
requiredFeatures 通常與 <switch> 元素結合使用。如果 requiredFeatures 在其他情況下使用,它表示一個簡單的開關,用於決定是否渲染給定元素。
你可以將此屬性與以下 SVG 元素一起使用
示例
<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>
用法說明
| 值 |
<list-of-features>
|
|---|---|
| 預設值 |
如果未定義,則為 true;如果值為 null 或空字串,則為 false |
| 可動畫的 | 否 |
<list-of-features>-
這是一個特徵字串列表,用空格分隔。它決定瀏覽器是否支援所有命名的特徵。請參閱下面的特徵字串,瞭解允許值的列表。
特徵字串
以下是 requiredFeatures 屬性的特徵字串。這些相同的特徵字串也適用於作為 SVG DOM 對 DOMImplementation 介面支援的一部分的 hasFeature 方法呼叫。在某些情況下,特徵字串直接對映到一組屬性、特性或元素,在其他情況下,它們表示瀏覽器的某些功能。請注意,特徵字串的格式和命名從 SVG 1.0 更改為 SVG 1.1。SVG 1.0 特徵字串未在此處列出;某些瀏覽器出於相容性原因支援 SVG 1.0 特徵字串。但是,SVG 1.0 特徵字串被視為已棄用。
http://www.w3.org/TR/SVG11/feature#SVG-
至少支援以下其中一項功能
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-
至少支援以下其中一項功能
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-
瀏覽器支援所有以下功能
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-
瀏覽器支援
http://www.w3.org/TR/SVG11/feature#SVG-static的所有語言功能對應的 DOM 介面和方法。 http://www.w3.org/TR/SVG11/feature#SVG-animation-
瀏覽器支援
http://www.w3.org/TR/SVG11/feature#SVG-static的所有語言功能以及http://www.w3.org/TR/SVG11/feature#Animation功能。 http://www.w3.org/TR/SVG11/feature#SVGDOM-animation-
瀏覽器支援
http://www.w3.org/TR/SVG11/feature#SVG-animation的所有語言功能對應的 DOM 介面和方法。 http://www.w3.org/TR/SVG11/feature#SVG-dynamic-
瀏覽器支援
http://www.w3.org/TR/SVG11/feature#SVG-animation的所有語言功能以及以下功能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-
瀏覽器支援
http://www.w3.org/TR/SVG11/feature#SVG-dynamic的所有語言功能對應的 DOM 介面和方法。 http://www.w3.org/TR/SVG11/feature#CoreAttributehttp://www.w3.org/TR/SVG11/feature#Structure-
瀏覽器支援
<svg>、<g>、<defs>、<desc>、<title>、<metadata>、<symbol>和<use>元素。 http://www.w3.org/TR/SVG11/feature#BasicStructure-
瀏覽器支援
<svg>、<g>、<defs>、<desc>、<title>、<metadata>和<use>元素。 http://www.w3.org/TR/SVG11/feature#ContainerAttribute-
瀏覽器支援
enable-background屬性 http://www.w3.org/TR/SVG11/feature#ConditionalProcessing-
瀏覽器支援
<switch>元素,以及requiredFeatures、requiredExtensions、systemLanguage屬性 http://www.w3.org/TR/SVG11/feature#Image-
瀏覽器支援
<image>元素。 http://www.w3.org/TR/SVG11/feature#Style-
瀏覽器支援
<style>元素。 http://www.w3.org/TR/SVG11/feature#ViewportAttributehttp://www.w3.org/TR/SVG11/feature#Shape-
瀏覽器支援
<rect>、<circle>、<line>、<polyline>、<polygon>、<ellipse>和<path>元素。 http://www.w3.org/TR/SVG11/feature#Text-
瀏覽器支援
<text>、<tspan>、<tref>、<textPath>和<glyphRef>元素。 http://www.w3.org/TR/SVG11/feature#BasicText-
瀏覽器支援
<text>元素 http://www.w3.org/TR/SVG11/feature#PaintAttribute-
瀏覽器支援
color、fill、fill-rule、stroke、stroke-dasharray、stroke-dashoffset、stroke-linecap、stroke-linejoin、stroke-miterlimit、stroke-width、color-interpolation和color-rendering屬性 http://www.w3.org/TR/SVG11/feature#BasicPaintAttribute-
瀏覽器支援
color、fill、fill-rule、stroke、stroke-dasharray、stroke-dashoffset、stroke-linecap、stroke-linejoin、stroke-miterlimit、stroke-width和color-rendering屬性 http://www.w3.org/TR/SVG11/feature#OpacityAttribute-
瀏覽器支援
opacity、stroke-opacity和fill-opacity屬性 http://www.w3.org/TR/SVG11/feature#GraphicsAttribute-
瀏覽器支援
display、image-rendering、pointer-events、shape-rendering、text-rendering和visibility屬性 http://www.w3.org/TR/SVG11/feature#BasicGraphicsAttribute-
瀏覽器支援
display和visibility屬性 http://www.w3.org/TR/SVG11/feature#Marker-
瀏覽器支援
<marker>元素 http://www.w3.org/TR/SVG11/feature#Gradient-
瀏覽器支援
<linearGradient>、<radialGradient>和<stop>元素 http://www.w3.org/TR/SVG11/feature#Pattern-
瀏覽器支援
<pattern>元素 http://www.w3.org/TR/SVG11/feature#Clip-
瀏覽器支援
<clipPath>元素和clip-path、clip-rule屬性 http://www.w3.org/TR/SVG11/feature#BasicClip-
瀏覽器支援
<clipPath>元素和clip-path屬性 http://www.w3.org/TR/SVG11/feature#Mask-
瀏覽器支援
<mask>元素 http://www.w3.org/TR/SVG11/feature#Filter-
瀏覽器支援
<filter>、<feBlend>、<feColorMatrix>、<feComponentTransfer>、<feComposite>、<feConvolveMatrix>、<feDiffuseLighting>、<feDisplacementMap>、<feFlood>、<feGaussianBlur>、<feImage>、<feMerge>、<feMergeNode>、<feMorphology>、<feOffset>、<feSpecularLighting>、<feTile>、<feDistantLight>、<fePointLight>、<feSpotLight>、<feFuncR>、<feFuncG>、<feFuncB>和<feFuncA>元素 http://www.w3.org/TR/SVG11/feature#BasicFilter-
瀏覽器支援
<filter>、<feBlend>、<feColorMatrix>、<feComponentTransfer>、<feComposite>、<feFlood>、<feGaussianBlur>、<feImage>、<feMerge>、<feMergeNode>、<feOffset>、<feTile>、<feFuncR>、<feFuncG>、<feFuncB>和<feFuncA>元素 http://www.w3.org/TR/SVG11/feature#DocumentEventsAttribute-
瀏覽器支援
onunload、onabort、onerror、onresize、onscroll和onzoom事件屬性 http://www.w3.org/TR/SVG11/feature#GraphicalEventsAttribute-
瀏覽器支援
onfocusin、onfocusout、onactivate、onclick、onmousedown、onmouseup、onmouseover、onmousemove、onmouseout和onload事件屬性 http://www.w3.org/TR/SVG11/feature#AnimationEventsAttribute-
瀏覽器支援
onbegin、onend、onrepeat和onload事件屬性 http://www.w3.org/TR/SVG11/feature#Cursor-
瀏覽器支援
<cursor>元素 http://www.w3.org/TR/SVG11/feature#Hyperlinking-
瀏覽器支援
<a>元素 http://www.w3.org/TR/SVG11/feature#XlinkAttribute-
瀏覽器支援
xlink:type、xlink:href、xlink:role、xlink:arcrole、xlink:title、xlink:show和xlink:actuate屬性 http://www.w3.org/TR/SVG11/feature#View-
瀏覽器支援
<view>元素 http://www.w3.org/TR/SVG11/feature#Script-
瀏覽器支援
<script>元素 http://www.w3.org/TR/SVG11/feature#Animation-
瀏覽器支援
<animate>、<set>、<animateMotion>、<animateTransform>和<mpath>元素 http://www.w3.org/TR/SVG11/feature#Font-
瀏覽器支援
<font>、<font-face>、<glyph>、<missing-glyph>、<hkern>、<vkern>、<font-face-src>、<font-face-uri>、<font-face-format>和<font-face-name>元素 http://www.w3.org/TR/SVG11/feature#BasicFont-
瀏覽器支援
<font>、<font-face>、<glyph>、<missing-glyph>、<hkern>、<font-face-src>和<font-face-name>元素 http://www.w3.org/TR/SVG11/feature#Extensibility-
瀏覽器支援
<foreignObject>元素
測試特徵支援
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;
}
結果
規範
此特性似乎未在任何規範中定義。瀏覽器相容性
載入中…