7

このフィドルでは、アセンダーを拡張するだけで小さな H を大きな H に変換しようとしています。新しいパスを提供して、ラファエルに魔法を働かせるだけの簡単なことだと思っていましたが、どうやらそうではないようです。

最初にバラバラにしないでアセンダーを伸ばす簡単な方法はありますか? これは、はるかに大きなロゴの 1 つの移動部分であることに注意してください。

4

1 に答える 1

3

描画パスから見る限り、2 つの形状は同じ開始点から描画されていないため、マングリングが発生しています。

SVG アニメーションは常に、開始形状の最初のセグメントを終了形状の最初のセグメントに変形しようとします。表示順序が異なると、見ているような奇妙な効果が得られます。

(また、始点と終点の形状では、同じ数のセグメントと同じ順序のパス タイプが必要であることに注意してください。)

于 2012-08-06T22:42:47.973 に答える