在 svg 中嵌入 svg 的样式（On Chrome）
Styling embed svg in svg (On Chrome)
据我所知，在另一个 SVG 中嵌入一个 svg 会导致创建另一个文档，因此使这些 svg 的样式复杂化很多...
有没有办法只在其中一个嵌入的 svg 上轻松使用 css 属性 transform : rotate(90Deg)？
我试图只旋转背景而不是需要保持垂直的正面 svg ...
这个例子将对您理解我的尝试有很大帮助：
https://codesandbox.io/s/example-rotate-svg-mucs3
编辑
它似乎适用于 Firefox 但不适用于 Chrome ...有谁知道 Chrome 中的解决方案吗？
Chrome 的概览：
Firefox （想要） 概述：
我submitted this problem. Its has been merged here
作为 work-around 等待纠正此“错误”。 （应该需要一些时间，因为自 2013 年以来就有报道...）
我直接在“background.svg”的 <g> 上添加了一个带有 rotate(90) translate(0, -600) 的 transform 属性。
翻译的东西在这里是因为默认情况下用于旋转的中心是 [0,0]。解释的很清楚HERE
据我所知，在另一个 SVG 中嵌入一个 svg 会导致创建另一个文档，因此使这些 svg 的样式复杂化很多...
有没有办法只在其中一个嵌入的 svg 上轻松使用 css 属性 transform : rotate(90Deg)？
我试图只旋转背景而不是需要保持垂直的正面 svg ...
这个例子将对您理解我的尝试有很大帮助：
https://codesandbox.io/s/example-rotate-svg-mucs3
编辑
它似乎适用于 Firefox 但不适用于 Chrome ...有谁知道 Chrome 中的解决方案吗？
Chrome 的概览：
Firefox （想要） 概述：
我submitted this problem. Its has been merged here
作为 work-around 等待纠正此“错误”。 （应该需要一些时间，因为自 2013 年以来就有报道...）
我直接在“background.svg”的 <g> 上添加了一个带有 rotate(90) translate(0, -600) 的 transform 属性。
翻译的东西在这里是因为默认情况下用于旋转的中心是 [0,0]。解释的很清楚HERE