Hello,
Currently, I'm working on a web application with D3.js and I incorporated some tags with the foreingObject, I read that IE doesn't support it that element. Therefore, I add the switch element for extensibility as in the following example:
<?xml version="1.0" standalone="yes"?><svg width="4in" height="3in" version="1.1"
xmlns = 'http://www.w3.org/2000/svg'><desc>This example uses the 'switch' element to provide a
fallback graphical representation of an paragraph, if
XMHTML is not supported.</desc><!-- The 'switch' element will process the first child element
whose testing attributes evaluate to true.--><switch><!-- Process the embedded XHTML if the requiredExtensions attribute
evaluates to true (i.e., the user agent supports XHTML
embedded within SVG). --><foreignObject width="100" height="50"
requiredExtensions="http://example.com/SVGExtensions/EmbeddedXHTML"><!-- XHTML content goes here --><body xmlns="http://www.w3.org/1999/xhtml"><p>Here is a paragraph that requires word wrap</p></body></foreignObject><!-- Else, process the following alternate SVG.
Note that there are no testing attributes on the 'text' element.
If no testing attributes are provided, it is as if there
were testing attributes and they evaluated to true.--><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>On IE 10 it works, but on IE 11 it does not works. I would like to know how to solve it or if IE 11 does not support the switch element. Thank you very much.
Best Regards