私が持ってここにJSFiddleを。をpath使用walkway.jsして要素の描画をアニメーション化しましたが、うまく機能しますが、描画が完了したら、svgのパス要素の塗りつぶしをアニメーション化したいと思います。パスに次のCSSを指定してみました。
path {
transition: fill 2.0s linear !important;
}
コールバック関数（.draw()完了時に実行）で、次のようにfillクラスを適用してパスの値を変更しますtestClass。
.testClass {
fill:black;
}
これは機能していません-トランジションは適用されておらず、コールバックが呼び出されるとすぐに「フリック」して黒になります-フェードインはまったくありません。これと同じ方法が、SVGに関係のないプレーンなhtml要素で機能しました。私はどんな助けにも感謝します。
fill: whiteパスに追加して、移行するものを提供します。
path {
fill: white;
transition: fill 2.0s !important;
}
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加