在测试 SVG 动画时，我在 Chrome 版本 23.0.1271.95 中遇到了渲染问题。
动画三角形似乎留下了一些黑色的垂直条纹。如果您从页面上移开并返回，或者如果您以其他方式强制重绘，这种情况就会消失。
你可以在这里找到动画测试：http: //bit.ly/HexaGridTest
这是一个屏幕截图：
查看有关类似问题的其他帖子，似乎消除此与 GPU 加速相关的问题的唯一方法是在动画结束时强制重绘。
有人建议添加-webkit-backface-visibility: hidden到 SVG，但这并没有解决我的问题。
有没有其他选择？我可以设置任何标志或 CSS 属性来避免伪影吗？