過去に、DOM 操作を含め、javascript でかなりの作業を行ってきました。そこから、リフロー/再描画が場合によっては大きなパフォーマンスの問題になる可能性があり、一般的に最小限に制限する必要があることを学びました. たとえば、div のグループを追加する場合は、1 つずつ追加するのではなく、一度に追加する必要があります (DOM の外側の div に追加してから追加します)。同じことが再描画にも当てはまり、要素の CSS プロパティを変更することでトリガーできます。私は再描画についてあまり調べたことがないことを認めなければならないので、最後の部分については間違っているかもしれません.
これは SVG にも当てはまりますか? また、異なる SVG 要素に違いはありますか? たとえば、アニメーション要素は新しい SVG 要素ではなく、プロパティに似ているため、リフローを作成しないことは理にかなっています。
SVG の再描画についてはよくわかりませんが、CSS/HTML の場合と同じように存在しますか? すべての SMIL アニメーションは既にフレームを作成しているため、「再描画」などを行っても違いはありません。新しいフレームはとにかくレンダリングされるためです。
SMIL の内部動作をより深く理解している人で、これらのことを明確にしてくれる人はいますか?