问题描述
如我所读，将svg嵌入另一个SVG中会导致创建另一个文档，因此使这些svg的样式复杂得多...
是否有一种方法可以仅在嵌入的svg中的1个上轻松使用css属性transform : rotate(90Deg)？
我尝试仅旋转背景，而不旋转需要垂直放置的前svg ...
这个例子将帮助您很多地了解我在尝试什么：
https://codesandbox.io/s/example-rotate-svg-mucs3
编辑
似乎它可以在Firefox上运行，但不能在Chrome上运行...有人知道在Chrome中解决此问题的方法吗？
Chrome的概述：
Firefox （并想要）概述：
解决方法
我有submitted this problem。它是merged here
作为一种变通方法，它在等待纠正此“错误”时。 （应该花一些时间，因为自2013年以来一直有报道...）
我在{background.svg“内的transform上直接添加了rotate(90) translate(0,-600)的{{1}}。
这里的平移物是因为用于旋转的中心默认为[0,0]。 HERE
有明确解释