晚安，
我有一个带有路径的SVG。这个SVG有一个viewBox来表示纵横比，但问题是这个数字（路径）何时要旋转变换原点（旋转点）是设置为viewBox的0点而不是SVG的0点。我想用旋转点旋转它，使其位于浏览器显示的右角或左角（在我的情况下是SVG的角落，而不是尺寸变化时限制的视图框）。我尝试使用组并使用所有可用的单位，cm，mm，pt，em，ex，px，...但是所有这些都在viewBox中工作，我没有看到相对和绝对单位之间的差异。我尝试了比例（％），但似乎并没有在Firefox中起作用。中心，右，左......也是如此......
无论如何，我不认为单位会解决这个问题。有些东西我没看到。
Pd：它可以通过JS或其他脚本语言来帮助。
非常感谢你，
答案 0 :(得分：0)
你是如何旋转路径的？想必你正在使用这样的东西？
<path d="..." transform="rotate(45)" />
这个版本的rotate()围绕当前原点旋转。默认情况下，它是文档的左上角（0,0）（不一定是viewBox的左上角）。
要围绕另一个点旋转，请使用另一个旋转角度 和 旋转原点旋转：
<path d="..." transform="rotate(45, 150,150)" />