Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/svg/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css g元素中的SVG动画在chrome中运行缓慢_Css_Svg_Css Animations - Fatal编程技术网

Css g元素中的SVG动画在chrome中运行缓慢

Css g元素中的SVG动画在chrome中运行缓慢,css,svg,css-animations,Css,Svg,Css Animations,这让我困惑了好几个小时 我有一个SVG动画,它在Chrome中口吃,但在Safari中很平滑-动画在path元素上有一些延迟transform:scale(n) 我注意到如果这些被包装在一个g元素中,动画在Chrome中的速度很慢,但是如果去掉这个元素,动画就会很平滑 我还注意到,如果transform:translate(0,0)被添加到g元素中,它将在Chrome中再次平滑运行 这里有一个例子 我的问题是: 这会发生在其他人身上吗?(我正在使用chrome 90) 如果是,为什么会发生这种情

这让我困惑了好几个小时

我有一个SVG动画,它在Chrome中口吃,但在Safari中很平滑-动画在
path
元素上有一些延迟
transform:scale(n)

我注意到如果这些被包装在一个
g
元素中,动画在Chrome中的速度很慢,但是如果去掉这个元素,动画就会很平滑

我还注意到,如果
transform:translate(0,0)
被添加到
g
元素中,它将在Chrome中再次平滑运行

这里有一个例子

我的问题是:

  • 这会发生在其他人身上吗?(我正在使用chrome 90)
  • 如果是,为什么会发生这种情况

  • 请尝试将1000ms更改为1ms,此处可能值得报告: