矩形相对于旋转矩形的旋转使用C#

Question

我有两个矩形：

首先 parent 相对于 canvas

的中心旋转了 -15 度

下一个 children 相对于 canvas 的中心旋转了 -15 度，相对于 parent 的中心旋转了 5 度。

拍摄原图：

在图像编辑器中进行了描述的修改：

需要用矩形重复这些操作，这是我的代码：

var parentAngle = -15;
var childrenAngle = 5;

var parent = new Rectangle(new Point(50, 160), new Size(200, 300));
var children = new Rectangle(new Point(25, 175), new Size(50, 50));

// load transformed file to as canvas
var bmp = Image.FromFile(@"D:\Temp\transform.png");

var size = bmp.Size;

var canvasCenter = new PointF(size.Width / 2, size.Height / 2);
var parentCenter = new PointF(parent.Location.X + parent.Width / 2, parent.Location.Y + parent.Height / 2);
var parentLocation = parent.Location;

var parentVertices = parent.GetVertices();
var childrenVertices = children.GetVertices();

// rotate by canvas center
var rotateMatrix = new Matrix();
rotateMatrix.RotateAt(parentAngle, canvasCenter);
rotateMatrix.TransformPoints(parentVertices);

// rotate children vertices
var rotateMatrix2 = new Matrix();
rotateMatrix2.RotateAt(childrenAngle, parentCenter);
rotateMatrix2.TransformPoints(childrenVertices);

 // translate vertices
var translateMatrix = new Matrix();
translateMatrix.Translate(parentLocation.X, parentLocation.Y);
translateMatrix.TransformPoints(childrenVertices);

// rotate by canvas center
rotateMatrix.TransformPoints(childrenVertices);


using (Graphics g = Graphics.FromImage(bmp))
{
    g.DrawPolygon(Pens.Green, parentVertices);
    g.DrawPolygon(Pens.Blue, childrenVertices);
}

结果:

我在某处弄错了，parent 匹配但 children 不匹配。也许一切都在计算 parent 偏移处发生故障？

更新： GetVertices 函数作为辅助函数实现，如下所示：

    public static PointF[] GetVertices(this Rectangle rect)
    {
        return new[] {
            rect.Location,
            new PointF(rect.Right, rect.Top),
            new PointF(rect.Right, rect.Bottom),
            new PointF(rect.Left, rect.Bottom)
        };
    }

Answer 1

我发现了一些问题：

首先 - paint.net 相对于canvas 的中心旋转所选图层。因此，没有任何结果，不得不重新绘制测试用例

下一个 - 我不得不重做将 child 的位置转移到顶部的计算。现在看起来像这样：

var parentAngle = -15;
var childrenAngle = 5;

var parent = new Rectangle(new Point(50, 160), new Size(200, 300));
var children = new Rectangle(new Point(25, 175), new Size(50, 50));

// load transformed file to as canvas
var bmp = Image.FromFile(@"D:\Temp\rotate_5.png");

var size = bmp.Size;

var canvasCenter = new PointF(size.Width / 2, size.Height / 2);
var parentLocation = parent.Location;
var parentCenter = new PointF(parentLocation.X + parent.Width / 2, parentLocation.Y + parent.Height / 2);
var childrenLocation = children.Location;

// translate location children by parent location
children.Location = childrenLocation = new Point(parentLocation.X + childrenLocation.X, childrenLocation.Y + parentLocation.Y);
var childrenCenter = new PointF(childrenLocation.X + children.Width / 2, childrenLocation.Y + children.Height / 2);

var parentVertices = parent.GetVertices();
var childrenVertices = children.GetVertices();

//rotate by canvas center
var rotateChildrenMatrix = new Matrix();
rotateChildrenMatrix.RotateAt(childrenAngle, parentCenter);
rotateChildrenMatrix.TransformPoints(childrenVertices);

// rotate by canvas center
var rotateMatrix = new Matrix();
rotateMatrix.RotateAt(parentAngle, canvasCenter);

rotateMatrix.TransformPoints(parentVertices);
rotateMatrix.TransformPoints(childrenVertices);

using (Graphics g = Graphics.FromImage(bmp))
{
    g.DrawPolygon(Pens.Green, parentVertices);
    g.DrawPolygon(Pens.Blue, childrenVertices);
}

结果:

矩形相对于旋转矩形的旋转使用C#

The rotation of the rectangle relative to the rotated rectangle using C#

c#

geometry

rotation