Javascript Raphael js:如何重叠两个具有不同原点的旋转矩形

Javascript Raphael js:如何重叠两个具有不同原点的旋转矩形,javascript,matrix,svg,raphael,Javascript,Matrix,Svg,Raphael,我有两个初始尺寸相同的矩形: r1=纸张矩形(200100100) r2=纸张矩形(200100100) 然后旋转: r1.旋转(45200100) 然后旋转: r2.旋转(45)我能问一下为什么吗?我只是想知道这是否是一个最终的解决方案,可能并不需要它。我实际上使用了拉斐尔,当一个矩形没有旋转,然后我们缩放时,这很好。但当矩形旋转时,我们缩放,从原点开始有一个偏移。取而代之的是从中心开始缩放?从原点(左,顶部+高度/2)向上缩放,这似乎是我在计算矩阵时的错误。我能问一下为什么吗?我只是想知道这

我有两个初始尺寸相同的矩形: r1=纸张矩形(200100100) r2=纸张矩形(200100100)

然后旋转: r1.旋转(45200100)

然后旋转:
r2.旋转(45)我能问一下为什么吗?我只是想知道这是否是一个最终的解决方案,可能并不需要它。我实际上使用了拉斐尔,当一个矩形没有旋转,然后我们缩放时,这很好。但当矩形旋转时,我们缩放,从原点开始有一个偏移。取而代之的是从中心开始缩放?从原点(左,顶部+高度/2)向上缩放,这似乎是我在计算矩阵时的错误。我能问一下为什么吗?我只是想知道这是否是一个最终的解决方案,可能并不需要它。我实际上使用了拉斐尔,当一个矩形没有旋转,然后我们缩放时,这很好。但当矩形旋转时,我们缩放,从原点开始有一个偏移。取而代之的是从中心开始缩放?从原点开始缩放(左,顶部+高度/2)ups,这似乎是我计算矩阵时的错误。