3

SVG Tiny 1.2では、というプロパティvector-effectが定義されています。

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

上記のパスでは、要素がスケーリングされても (たとえばtransform、親要素の が原因で)、ストロークの幅は常に 2 ピクセルになります。g

このプロパティは、SVG をサポートするほとんどのブラウザーで機能するようですが、IE9 および IE10 では機能しません。

このプロパティを機能検出する方法はありますか?

4

2 に答える 2

2

要素を作成する必要はありません。

if (document.documentElement.style.vectorEffect === undefined) {
  alert("Not Supported");
} else {
  alert("Supported");
}
于 2014-08-09T09:17:23.370 に答える
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')
于 2013-04-05T11:53:56.463 に答える