9

getBoundingClientRect()今日は、回転した SVG 要素でを使用するとどうなるかをテストしました。

テスト: http://phrogz.net/svg/getBoundingClientRect-on-rotated-elements.html

結果は次のとおりです。

  • Chrome、Safari、Opera、および IE は、要素のローカル (変換されていない) バウンディング ボックスを計算し、そのバウンディング ボックスのクライアント rect を返すように見えます。これにより、クライアントの四角形が適切と思われるよりも大きくなる可能性があります。

  • 一方、Firefox は、要素自体に合わせてクライアント rect をクリップします。

 
                          2 つのケースの外観。  

仕様に従って正しい動作はどれですか?

価値のあるものとして、私は Firefox の動作を好みますが、(仕様を理解していない) Firefox の逸脱はバグと見なされるべきだと思います。

4

1 に答える 1

3

Firefox 以外のブラウザーでは、有用な結果が得られないようであり、関連する仕様とも一致していないようです。

CSSOM ビュー モジュールは SVG 仕様に委譲します。SVG 仕様では、変換されたタイトなバウンディング ボックスではなく、変換後のタイトなバウンディング ボックスであると述べられているため、正しく実装したことを維持しています。

于 2012-05-17T08:31:04.617 に答える