节点上的fabric.js - 旋转（setAngle）改变对象的位置答案

【问题标题】：fabric.js on node - rotation (setAngle) changes position of object节点上的fabric.js - 旋转（setAngle）改变对象的位置
【发布时间】：2018-12-10 21:48:50
【问题描述】：

我有一个应用程序，它在浏览器中创建画布并在服务器上使用 Node 下的 Fabric.js 进行渲染。

文本和位图图像的对象类型可以正确旋转。 “路径组”形状和 SVG 图像旋转不正确。 “路径组”形状和 SVG 图像似乎在其 xy 坐标而不是其中心旋转。

如何强制“路径组”形状和 SVG 图像按中心旋转。我是否为每条路径设置了角度？

【问题讨论】：

旋转前：509.25984990619145，\n 左：509.25984990619145 旋转后：55661.94786228961，\n 左：-22335.731526155047 tmpImage.setAngle(key.angle);其中 key.angle 是 45 并且 tmpImage 是一个分组的 SVG

标签： node.js svg rotation fabricjs angle

【解决方案1】：

为了解决这个问题，我分别设置了旋转和缩放，而不是在配置对象中。

将原点设置为中心，旋转对象，将原点设置回左上角然后缩放可以解决问题。

【讨论】：