RetroSearch Browse

Home - News ( United States | United Kingdom | Italy | Germany ) - Football scores

Showing content from https://webplatform.github.io/docs/svg/elements/switch below:

switch · WebPlatform Docs

switch Overview Table

DOM Interface: SVGElement

Examples

The following code example uses the switch element to provide a graphical representation of a paragraph if XMHTML is not supported.



<?xml version="1.0" standalone="yes"?>
<svg width="4in" height="3in" version="1.1"
 xmlns = 'http://www.w3.org/2000/svg'>
  
  <switch>
    
    <foreignObject width="100" height="50"
                   requiredExtensions="http://example.com/SVGExtensions/EmbeddedXHTML">
      
      <body xmlns="http://www.w3.org/1999/xhtml">
        <p>Here is a paragraph that requires word wrap.</p>
      </body>
    </foreignObject>
    
    <text font-size="10" font-family="Verdana">
      <tspan x="10" y="10">Here is a paragraph that</tspan>
      <tspan x="10" y="20">requires word wrap.</tspan>
    </text>
  </switch>
</svg>

Notes Remarks

Note: In addition to the attributes, properties, events, methods, and styles listed above, SVG elements also inherent core HTML attributes, properties, events, methods, and styles.

The switch element evaluates the requiredFeatures, requiredExtensions, and systemLanguage attributes on its direct child elements in order, and then processes and renders the first child element that these attributes evaluate to TRUE for. All other child elements are skipped and not rendered. If the child element is a container element (such as an g element), the entire subtree is processed and rendered or skipped and not rendered.

The values of the display and visibility properties does not affect the switch element processing. In particular, if you set display to none on a child element of a switch element, it does not affect TRUE and FALSE testing that is associated with processing switch elements.

Standards information

Scalable Vector Graphics: Document Structure, Section 5.11.13

Members

The SVGSwitchElement object has these events:

onload: Occurs when the browser has fully parsed the element and all of its descendants.

The SVGSwitchElement object has these methods:

getBBox: Gets the bounding box, in current user space, of the geometry of all contained graphics elements.
getCTM: Gets the transformation matrix that transforms from the current user units to the viewport coordinate system for the nearestViewportElement object.
getScreenCTM: Gets the transformation matrix from the current user units to the screen coordinate system.
getTransformToElement: Gets the transformation matrix that transforms from the user coordinate system on the current element to the user coordinate system on the specified target element.
hasExtension: Determines if the specified extension is supported.

The SVGSwitchElement object has these properties:

className: Gets the names of the classes that are assigned to this object.
clipPath: Sets or retrieves a reference to the SVG graphical object that will be used as the clipping path.
externalResourcesRequired: Gets a value that indicates whether referenced resources that are not in the current document are required to correctly render a given element.
farthestViewportElement: Gets a value that represents the farthest ancestor svg element.
focusable: Determines if an element can acquire keyboard focus (that is, receive keyboard events) and be a target for field-to-field navigation actions (such as when a user presses the Tab key).
mask: Sets or retrieves a value that indicates a SVG mask.
nearestViewportElement: Gets a value that indicates which element established the current viewport.
ownerSVGElement: Gets the nearest ancestor svg element.
requiredExtensions: Gets a white space-delimited list of required language extensions.
requiredFeatures: Gets or sets a white space-delimited list of feature strings.
style: Gets a style object.
systemLanguage: Gets or sets a comma-separated list of language names.
transform: Gets the value of a transform attribute.
viewportElement: Gets the element that established the current viewport.
xmlbase: Gets or sets the base attribute on the element.
xmllang: Gets or sets a value that specifies the language that is used in the contents and attribute values of an element.
xmlspace: Gets or sets a value that indicates whether white space is preserved in character data.

Attributions

Microsoft Developer Network: [Windows Internet Explorer API reference Article]

RetroSearch is an open source project built by @garambo | Open a GitHub Issue

Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo

HTML: 3.2 | Encoding: UTF-8 | Version: 0.7.4