開始時と終了時のアニメーションはすべて同時にですか？

Question

JavaScriptを使用して、SVGの特定のグループのテキストを動的に追加し、アニメーション化すると、私には意味をなさない非常に厄介な問題が発生しています。ドキュメントに基づいて、各animate要素は、直接の親要素（この場合は個々のテキスト要素）にのみ個別に影響する必要があります。問題は、0と1でアニメーション化されたテキスト要素を1つ作成し、両方のアニメーションが2秒間続くことです。 1秒に始まったものはアニメーションの途中にあります。その後、事態を悪化させるために、その後はすべてanimateが基本的にサイクルの終わりに固執します。

begin="indefinite"を設定して試してみましたが、element.beginElement()で試してみましたが、同じ問題が発生しています。 Chromeの要素インスペクタを使用して構造を確認しましたが、問題はありません。animateはtext、textはすべてgの内部にあります。

なぜこれを行うのですか？どのようにしてanimateをユニークにするのですか？

Answer 1

いじるの多くは、私は、ドキュメントがロードされたときとの間の時間オフセットを計算することにより、非常に途切れ途切れに回避策を見つけることができたとanimate要素が作成されたときに、1000

で割っその量に begin属性を設定した後

starttime=+new Date 
begin=(+new Date-starttime)/1000 

私はまだもっと良い解決策を望んでいます... animate要素を作成してタイムスタンプを記録して計算するより効率的な方法がありますか？少なくとも、私はwallclock()を使用したいのですが、それは不安定な計算を保存するためですが、動作させることができません。

編集：私はうまく機能し、より良い解決策を見つけた：SVG.getCurrentTime（）