SVG中矢量效果属性的特征检测？

Question

SVG Tiny 1.2定义了一个名为vector-effect的属性。该属性的详细信息可以在此处找到。

<path vector-effect="non-scaling-stroke" stroke-width="2"></path>

使用上述路径，描边宽度将始终为2像素，即使元素被缩放（例如由于父

- callum

---

如果还没有现成的，我相信可以使用 Modernizr 进行测试。 - rzr

Answer 1

您不需要创建元素。

if (document.documentElement.style.vectorEffect === undefined) {
  alert("Not Supported");
} else {
  alert("Supported");
}

- cuixiping

Answer 2

这对我在Firefox和IE 9上都有效。

  <script>
    var elm = document.createElementNS("http://www.w3.org/2000/svg", "g");
    if (elm.style.vectorEffect != undefined) {
      alert("Supported");
    } else {
      alert("Not Supported");
    }
  </script>

或者你可以尝试 Modernizr。我想是这样的。

Modernizr.testProp('vectorEffect')

- Robert Longson