在测试SVG动画时,我在Chrome版本23.0.1271.95中遇到了渲染问题。
动画三角形似乎留下了一些黑色的垂直条纹。 如果您远离页面并返回或者强行重绘,则会消失。
您可以在此处找到动画测试: http://bit.ly/HexaGridTest
这是一个截图:
查看类似问题的其他帖子,似乎消除此GPU加速相关问题的唯一方法是在动画结束时强制重绘。
有人建议将-webkit-backface-visibility: hidden
添加到SVG,但这并没有为我解决问题。
还有其他选择吗?我可以设置任何标志或CSS属性来避免工件?