svg - SVG中异物的特征检测

Question

我在 SVG 中使用了 foreignObject 元素，但是 IE9 不支持这个元素。我正在寻找一种检测此功能的方法。 Modernizr 没有检测到这个特性，而且我似乎不能像对矩形 (createSVGRect) 那样使用 createSVGForeignObject(在 SVGSVGElement 上不可用)。

谢谢!

Answer 1

如果您想使用foreignObject，这应该可以工作，因为它集成了html内容...

<switch>
  <g requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" requiredExtensions="http://www.w3.org/1999/xhtml">
    <foreignObject >
    </foreignObject>
  </g>
  <text font-size="10" font-family="Verdana">
     No foreignObject
  </text>
</switch>

所需的扩展部分 proposed to w3c和 this was their response . Firefox 确实实现了这一点，但我还没有测试过其他任何东西。正如 Erik 建议的那样，您可以只使用 requiredFeatures 属性。

如果您想在 javascript 中进行测试，请尝试

var supported = document.implementation.hasFeature("http://w3.org/TR/SVG11/feature#Extensibility", "1.1"); –