Javascript 如何使用“变换”旋转形状

我有一个矩形，我正在将其旋转到-45，但拖动时旋转不应用

代码：

---

我尝试了拖动函数中的旋转选项，但没有成功。如何使其工作？

第二个attr函数覆盖第一个attr函数。你可以一次做两件事

   shape.attr("transform", "rotate(-45) translate(" + x + "," + y + ")");

或

---

取决于您希望应用转换的顺序。

谢谢。拖放时，形状将发生位移。我想这是翻译。我如何修复它？问另一个问题并提供一些可运行的东西，例如，尝试使用stackoverflow snippet和fiddle，但无法运行，因为在加载dom之前调用了函数。下面是新问题：终于创建了一个带有代码片段的新问题，请看一看

   shape.attr("transform", "rotate(-45) translate(" + x + "," + y + ")");

   shape.attr("transform", "translate(" + x + "," + y + ") rotate(-45)");