requiredFeatures
Deprecated: This feature is no longer recommended. Though some browsers might still support it, it may have already been removed from the relevant web standards, may be in the process of being dropped, or may only be kept for compatibility purposes. Avoid using it, and update existing code if possible; see the compatibility table at the bottom of this page to guide your decision. Be aware that this feature may cease to work at any time.
Thuộc tính requiredFeatures nhận một danh sách các chuỗi tính năng, với từng chuỗi được ngăn cách bằng khoảng trắng. Nó xác định liệu tất cả các tính năng được nêu có được trình duyệt hỗ trợ hay không; nếu tất cả đều được hỗ trợ, thuộc tính sẽ đánh giá thành true và phần tử sẽ được hiển thị; ngược lại, thuộc tính sẽ đánh giá thành false và phần tử hiện tại cùng các phần tử con của nó sẽ bị bỏ qua, do đó sẽ không được hiển thị. Điều này cung cấp một cách để thiết kế SVG có thể tự động hạ cấp một cách mềm dẻo khi tính năng không có sẵn.
Nếu thuộc tính không hiện diện, giá trị đánh giá ngầm định của nó là true. Nếu giá trị của requiredFeatures là chuỗi null hoặc chuỗi rỗng, thuộc tính sẽ đánh giá thành false.
requiredFeatures thường được dùng cùng với phần tử <switch>. Nếu requiredFeatures được dùng trong các tình huống khác, nó biểu thị một công tắc đơn giản trên phần tử đó để quyết định có hiển thị phần tử hay không.
Bạn có thể dùng thuộc tính này với các phần tử SVG sau:
Example
<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>
Usage notes
| Value |
<list-of-features>
|
|---|---|
| Default value |
true if not defined, false if null or empty
string as value
|
| Animatable | No |
<list-of-features>-
Đây là danh sách các chuỗi tính năng, được phân tách bằng khoảng trắng. Xác định liệu tất cả các tính năng được nêu có được trình duyệt hỗ trợ hay không. Xem Feature strings bên dưới để biết danh sách các giá trị được phép.
Feature strings
Dưới đây là các chuỗi tính năng cho thuộc tính requiredFeatures. Các chuỗi này cũng áp dụng cho lệnh gọi phương thức hasFeature, vốn là một phần trong khả năng hỗ trợ SVG DOM của giao diện DOMImplementation. Trong một số trường hợp, các chuỗi tính năng ánh xạ trực tiếp tới một nhóm thuộc tính, thuộc tính hay phần tử; trong các trường hợp khác, chúng biểu thị một số chức năng của trình duyệt. Lưu ý rằng định dạng và cách đặt tên của các chuỗi tính năng đã thay đổi từ SVG 1.0 sang SVG 1.1. Các chuỗi tính năng của SVG 1.0 không được liệt kê ở đây; một số trình duyệt vẫn hỗ trợ chúng vì lý do tương thích. Tuy nhiên, các chuỗi tính năng SVG 1.0 được xem là không dùng nữa.
http://www.w3.org/TR/SVG11/feature#SVG-
Ít nhất một trong các tính năng sau được hỗ trợ:
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-
Ít nhất một trong các tính năng sau được hỗ trợ:
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-
Trình duyệt hỗ trợ tất cả các tính năng sau:
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-
Trình duyệt hỗ trợ tất cả các giao diện và phương thức DOM tương ứng với các tính năng ngôn ngữ cho
http://www.w3.org/TR/SVG11/feature#SVG-static. http://www.w3.org/TR/SVG11/feature#SVG-animation-
Trình duyệt hỗ trợ tất cả các tính năng ngôn ngữ từ
http://www.w3.org/TR/SVG11/feature#SVG-staticcộng với tính nănghttp://www.w3.org/TR/SVG11/feature#Animation. http://www.w3.org/TR/SVG11/feature#SVGDOM-animation-
Trình duyệt hỗ trợ tất cả các giao diện và phương thức DOM tương ứng với các tính năng ngôn ngữ cho
http://www.w3.org/TR/SVG11/feature#SVG-animation. http://www.w3.org/TR/SVG11/feature#SVG-dynamic-
Trình duyệt hỗ trợ tất cả các tính năng ngôn ngữ từ
http://www.w3.org/TR/SVG11/feature#SVG-animationcộng với các tính năng sau: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-
Trình duyệt hỗ trợ tất cả các giao diện và phương thức DOM tương ứng với các tính năng ngôn ngữ cho
http://www.w3.org/TR/SVG11/feature#SVG-dynamic. http://www.w3.org/TR/SVG11/feature#CoreAttributehttp://www.w3.org/TR/SVG11/feature#Structure-
Trình duyệt hỗ trợ các phần tử
<svg>,<g>,<defs>,<desc>,<title>,<metadata>,<symbol>và<use>. http://www.w3.org/TR/SVG11/feature#BasicStructure-
Trình duyệt hỗ trợ các phần tử
<svg>,<g>,<defs>,<desc>,<title>,<metadata>và<use>. http://www.w3.org/TR/SVG11/feature#ContainerAttribute-
Trình duyệt hỗ trợ thuộc tính
enable-background http://www.w3.org/TR/SVG11/feature#ConditionalProcessing-
Trình duyệt hỗ trợ phần tử
<switch>và các thuộc tínhrequiredFeatures,requiredExtensions,systemLanguage http://www.w3.org/TR/SVG11/feature#Image-
Trình duyệt hỗ trợ phần tử
<image>. http://www.w3.org/TR/SVG11/feature#Style-
Trình duyệt hỗ trợ phần tử
<style>. http://www.w3.org/TR/SVG11/feature#ViewportAttributehttp://www.w3.org/TR/SVG11/feature#Shape-
Trình duyệt hỗ trợ các phần tử
<rect>,<circle>,<line>,<polyline>,<polygon>,<ellipse>và<path>. http://www.w3.org/TR/SVG11/feature#Text-
Trình duyệt hỗ trợ các phần tử
<text>,<tspan>,<tref>,<textPath>, và<glyphRef>. http://www.w3.org/TR/SVG11/feature#BasicText-
Trình duyệt hỗ trợ phần tử
<text> http://www.w3.org/TR/SVG11/feature#PaintAttribute-
Trình duyệt hỗ trợ các thuộc tính
color,fill,fill-rule,stroke,stroke-dasharray,stroke-dashoffset,stroke-linecap,stroke-linejoin,stroke-miterlimit,stroke-width,color-interpolationvàcolor-rendering http://www.w3.org/TR/SVG11/feature#BasicPaintAttribute-
Trình duyệt hỗ trợ các thuộc tính
color,fill,fill-rule,stroke,stroke-dasharray,stroke-dashoffset,stroke-linecap,stroke-linejoin,stroke-miterlimit,stroke-widthvàcolor-rendering http://www.w3.org/TR/SVG11/feature#OpacityAttribute-
Trình duyệt hỗ trợ các thuộc tính
opacity,stroke-opacityvàfill-opacity http://www.w3.org/TR/SVG11/feature#GraphicsAttribute-
Trình duyệt hỗ trợ các thuộc tính
display,image-rendering,pointer-events,shape-rendering,text-renderingvàvisibility http://www.w3.org/TR/SVG11/feature#BasicGraphicsAttribute-
Trình duyệt hỗ trợ các thuộc tính
displayvàvisibility http://www.w3.org/TR/SVG11/feature#Marker-
Trình duyệt hỗ trợ phần tử
<marker> http://www.w3.org/TR/SVG11/feature#Gradient-
Trình duyệt hỗ trợ các phần tử
<linearGradient>,<radialGradient>và<stop> http://www.w3.org/TR/SVG11/feature#Pattern-
Trình duyệt hỗ trợ phần tử
<pattern> http://www.w3.org/TR/SVG11/feature#Clip-
Trình duyệt hỗ trợ phần tử
<clipPath>và các thuộc tínhclip-path,clip-rule http://www.w3.org/TR/SVG11/feature#BasicClip-
Trình duyệt hỗ trợ phần tử
<clipPath>và thuộc tínhclip-path http://www.w3.org/TR/SVG11/feature#Mask-
Trình duyệt hỗ trợ phần tử
<mask> http://www.w3.org/TR/SVG11/feature#Filter-
Trình duyệt hỗ trợ các phần tử
<filter>,<feBlend>,<feColorMatrix>,<feComponentTransfer>,<feComposite>,<feConvolveMatrix>,<feDiffuseLighting>,<feDisplacementMap>,<feFlood>,<feGaussianBlur>,<feImage>,<feMerge>,<feMergeNode>,<feMorphology>,<feOffset>,<feSpecularLighting>,<feTile>,<feDistantLight>,<fePointLight>,<feSpotLight>,<feFuncR>,<feFuncG>,<feFuncB>và<feFuncA> http://www.w3.org/TR/SVG11/feature#BasicFilter-
Trình duyệt hỗ trợ các phần tử
<filter>,<feBlend>,<feColorMatrix>,<feComponentTransfer>,<feComposite>,<feFlood>,<feGaussianBlur>,<feImage>,<feMerge>,<feMergeNode>,<feOffset>,<feTile>,<feFuncR>,<feFuncG>,<feFuncB>và<feFuncA> http://www.w3.org/TR/SVG11/feature#DocumentEventsAttribute-
Trình duyệt hỗ trợ các thuộc tính sự kiện
onunload,onabort,onerror,onresize,onscrollvàonzoomevent attributes http://www.w3.org/TR/SVG11/feature#GraphicalEventsAttribute-
Trình duyệt hỗ trợ các thuộc tính sự kiện
onfocusin,onfocusout,onactivate,onclick,onmousedown,onmouseup,onmouseover,onmousemove,onmouseoutvàonloadevent attributes http://www.w3.org/TR/SVG11/feature#AnimationEventsAttribute-
Trình duyệt hỗ trợ các thuộc tính sự kiện
onbegin,onend,onrepeatvàonloadevent attributes