2

svg の viewbox について質問があります。私の意見では、それは無限の svg プランのウィンドウのようなものであり、その境界は svg 要素の viewBox 属性に設定されています。SVG プランの 2 つの座標間の長方形を表します。したがって、「0 0 1000 500」の viewBox は、svg プランの (0,0) と (1000,500) の間のウィンドウを示します。そして、viewBox (2000, 0, 3000 500) を作成すると、(2000,0) と (3000,500) のウィンドウが表示されます。x と y のスケーリングは変更されていません。どちらの場合も、svg プランの 1000 * 500 単位を表示しています。

しかし、どうやら私はどこかで間違っています。ビューボックスをアニメーション化して、ある種のティッカー表示をエミュレートし、y 座標は変更せずに x 座標を変更して (表示される実際の単位数を変更せずに) 実験していますが、それはうまくいきません。どういうわけか私のyスケーリングが変わります。最新のブラウザーでは、自分自身を確認できます(スライダーを引いて viewBox を変更します)。SVG 仕様で何が欠けていましたか?

4

1 に答える 1

4

SVG 仕様にpreserveAspectRatio属性がありませんでした。ビューボックスに表示されるものの縦横比がデフォルトで保持されるように強制します。あなたが求めているのは preserveAspectRatio="none" のようです

于 2012-01-13T14:31:49.613 に答える