SVG アニメーションのテスト中に、Chrome バージョン 23.0.1271.95 でレンダリングの問題が発生しました。
アニメーション化された三角形には、黒い縦縞が残っているように見えます。これは、タブでページから離れて戻ったり、別の方法で再描画を強制したりすると消えます。
ここでアニメーション テストを見つけることができます: http://bit.ly/HexaGridTest
そして、ここにスクリーンショットがあります：
同様の問題に関する他の投稿を見ると、この GPU アクセラレーション関連の問題を解消する唯一の方法は、アニメーションの最後に強制的に再描画することです。
誰かが-webkit-backface-visibility: hiddenSVG に追加することを提案しましたが、これで問題は解決しませんでした。
代替手段はありますか？アーティファクトを回避するために設定できるフラグまたは CSS プロパティはありますか?