Reactjs 在svg中嵌入svg的样式（在Chrome上）

正如我所读到的，在另一个svg中嵌入一个svg会导致创建另一个文档，从而使这些svg的样式变得复杂

是否有一种方法可以仅在一个embbed svg上轻松使用css属性

transform:rotate（90度）

我尝试只旋转背景，而不是需要保持垂直的前svg

此示例将帮助您了解我正在尝试的内容：

编辑 它似乎可以在Firefox上运行，但在Chrome上不起作用。。。有人知道用Chrome解决这个问题的方法吗

Chrome概述：

Firefox（和通缉）概述：

我有。它一直是

在等待此“错误”得到纠正时，作为一种解决方法。（应该需要一些时间，因为自2013年以来就有报道……）

我在“background.svg”的

内部直接添加了一个带有

旋转（90）平移（0，-600）

的

转换

这里是平移，因为用于旋转的中心默认为[0,0]。解释得很清楚
我没有“否定”你的答案，因为我从来没有验证过它。。。为什么要删除我发布的图片。。。