Question

我今天一直在寻找所有这些，我无法满足我的需求。

我有一个Web应用程序，让用户拖放文本/图像，然后将详细信息发送到服务器以将其绘制到pdf。我正在尝试启用旋转，但我无法掌握translatetransform的内容。我在测试中的图像打印得很好，旋转得很好，但它不在正确的位置。我错过了初始翻译变换如何改变事物，我的思绪在一天结束时被拍摄。我是否必须首先使用不同的图形实例将其绘制为位图，然后将该位图绘制到我的背景中？任何有关这方面的帮助都会很棒！谢谢！

CODE：

i是浏览器中的图像对象
coord是x＆amp;浏览器上画布上的图像上角的y（990wx1100h）

尺寸是h＆amp; w浏览器上的元素

                        Bitmap b = new Bitmap(wc.OpenRead(i.img));
                        if (i.rotation != 0)
                        {
                            g.TranslateTransform(this.CanvasDetails.size.width/2, this.CanvasDetails.size.height/2);
                            g.RotateTransform(i.rotation);
                            g.DrawImage(b, new Rectangle(- i.coord.x/2, -i.coord.y/2, i.size.width, i.size.height), 0, 0, b.Width, b.Height, GraphicsUnit.Pixel, ia);
                        }
                        else
                        {
                            g.DrawImage(b, new Rectangle(i.coord.x, i.coord.y, i.size.width, i.size.height), 0, 0, b.Width, b.Height, GraphicsUnit.Pixel, ia);
                        }

修改我添加了亚当建议的translatransform逆转，但图像仍然在不同的位置绘制。

                                g.TranslateTransform(this.CanvasDetails.size.width / 2, this.CanvasDetails.size.height / 2);
                            g.RotateTransform(i.rotation);
                            g.TranslateTransform(-this.CanvasDetails.size.width / 2, -this.CanvasDetails.size.height / 2);
                            g.DrawImage(b, new Rectangle(-i.coord.x / 2, -i.coord.y / 2, i.size.width, i.size.height), 0, 0, b.Width, b.Height, GraphicsUnit.Pixel, ia);

实施例：浏览器视图 Browser View

.NET绘制版 Server Side Product

Answer 1

好的，完全改写这个答案，试着更清楚地解释一下。要知道的一些事情是变换“积累”并且旋转变换发生在原点周围。因此，为了解释累积（乘法）变换的影响，请看这个例子：

            //draw an ellipse centered at 200,200
            g.DrawEllipse(Pens.Red, 195, 195, 10, 10);

            //apply translate transform - shifts origin to 200,200
            g.TranslateTransform(200, 200);

            //draw another ellipse, should draw around first ellipse
            //because translate tranforms essentially moves our coordinates 200,200
            g.DrawEllipse(Pens.Blue, -7, -7, 14, 14);

            //now do rotate transform
            g.RotateTransform(90f); //degree to rotate object

            //now, anything we draw with coordinates 0,0 is actually going to be draw at 200,200 AND be rotated by 45*
            //this line will be vertical, through 200,200, instead of horizontal through 0,0
            g.DrawLine(Pens.Green, -20,0,20,0);

            //If we add another translate, this time 50x, it would normally translate by 50 in the X direction
            //BUT - because we already have transforms applied, including the 90 rotate, it affects this translation
            //so this in effect because a 50px translation in Y, because it's rotated 90*
            g.TranslateTransform(50, 0);

            //so even though we translated 50x, this line will draw 50px below the last line
            g.DrawLine(Pens.Green, -20, 0, 20, 0);

因此，对于您的情况，您希望绘制一个以CenterPoint为中心并按角度旋转的对象。所以你会这样做：

g.TranslateTransform(-CenterPoint.X, -CenterPoint.Y);
g.RotateTransform(Angle);
g.DrawImage(b, -ImageSize/2, -ImageSize/2, ImageSize, ImageSize);

然后，您需要重置转换以进行其他绘图，您可以使用以下方法：

g.ResetTransform();

如果没有将图像留在您想要的位置，那么您需要检查用于定位图像的值。你在存放它的中心吗？还是左上角？等

图像旋转移动导致图像不可预测

1 个答案: