如何旋转SVG？

第一张图片是我现在的代码。我的问题是，如果我想旋转整个东西，使它看起来像下图，我会添加什么代码

现在的样子。

我想将其旋转到此位置

玩
玩

您可以使用组

…

一起旋转

玩
玩

您可以使用组

…

一起旋转

玩
玩

我如何完整地查看整个框？因此，整个过程是可查看的。一种方法是旋转整个svg，而不是添加组：另一种方法是将组缩小约2个比例（0.7）的平方根，然后将其平移（dx-dy）到中心，但这将导致svg的大小变小，最后您可以同时进行-缩小组比例（0.71）和放大svg比例（1.41）然后将其中一个或另一个平移到中心…我如何将：transform=“rotate（-44 0）translate（0 80）”添加到此代码中？您将无法转换svg（当然，您可能能够，但您的红色边框不是svg的一部分，因此它不会旋转），因此您可以像这样旋转div：我这样做：transform:rotate（-44deg）translate（0px，80px）；我如何看待整个盒子？因此，整个过程是可查看的。一种方法是旋转整个svg，而不是添加组：另一种方法是将组缩小约2个比例（0.7）的平方根，然后将其平移（dx-dy）到中心，但这将导致svg的大小变小，最后您可以同时进行-缩小组比例（0.71）和放大svg比例（1.41）然后将其中一个或另一个平移到中心…我如何将：transform=“rotate（-44 0）translate（0 80）”添加到此代码中？您将无法转换svg（当然，您可能能够，但您的红色边框不是svg的一部分，因此它不会旋转），因此您可以像这样旋转div：我这样做：transform:rotate（-44deg）translate（0px，80px）；