主页 / 问题 / 878717
Accepted
Adam Shakhabov
Asked:2020-09-08 00:55:20 +0000 UTC2020-09-08 00:55:20 +0000 UTC

绘制矩形并将生成的图像保存到文件中

  • 772

编码

public class Shape
{
    public int X { get; set; }

    public int Y { get; set; }

    public int Width { get; set; }

    public int Height { get; set; }

}

public class ShapeRender
{
    public void Render()
    {
        var shapes = new List<Shape>
        {
            new Shape
            {
                X = 2530,
                Y = 2041,
                Width = 1890,
                Height = 621
            },
            new Shape
            {
                X = 6516,
                Y = 1944,
                Width = 1890,
                Height = 816
            }
        };

        // Code to draw shapes and save into image file.
        //...
    }
}

一个任务

在上面的代码中，在方法ShapeRender()中，创建Shape了需要在这样一个平面上绘制的对象：

在此处输入图像描述

并将生成的图像保存为 jpg、png 或 bmp 文件。

附加说明

为属性X、Y、Width、 设置的单位是Height有条件的。

问题

使用哪个 .NET 工具包？我在命名空间中翻了很多遍System.Drawing，但我无法整理出来。

c#

2 个回答

  1. Best Answer

    我相信您可以从中绘制矩形列表。

    using System.Drawing;
using System.Drawing.Imaging;

...

private static Image CreateImageWithRectangle()
{
  Image img = new Bitmap(1000, 500);

  using (Graphics gr = Graphics.FromImage(img))
  {
    gr.DrawRectangle(new Pen(Color.Red, 2), 100, 100, 800, 300);
  }

  return img;
}

...

Image img = CreateImageWithRectangle();
img.Save(@"C:\temp\image.png", ImageFormat.Png);
    • 3

  2. 如果您需要显示器，那么您就在 WPF 上。

    我们像这样放入窗口ItemsControl：

    <ItemsControl ItemsSource="{Binding}" Background="White" x:Name="Host">
    <ItemsControl.ItemsPanel>
        <ItemsPanelTemplate>
            <Canvas/>
        </ItemsPanelTemplate>
    </ItemsControl.ItemsPanel>
    <ItemsControl.ItemContainerStyle>
        <Style>
            <Setter Property="Canvas.Left" Value="{Binding X}"/>
            <Setter Property="Canvas.Top" Value="{Binding Y}"/>
        </Style>
    </ItemsControl.ItemContainerStyle>
    <ItemsControl.ItemTemplate>
        <DataTemplate>
            <Rectangle Width="{Binding Width}" Height="{Binding Height}"
                       Stroke="DarkGray" StrokeThickness="1"/>
        </DataTemplate>
    </ItemsControl.ItemTemplate>
</ItemsControl>

    添加矩形：

    var shapes = new List<Shape>
{
    new Shape
    {
        X = 500, Y = 200,
        Width = 600, Height = 450
    },
    new Shape
    {
        X = 100, Y = 500,
        Width = 200, Height = 600
    }
};
DataContext = shapes;

    瞧，我们有一个映射。

    要保存到文件，请使用以下命令：

    var rtb = new RenderTargetBitmap(
    (int)Host.ActualWidth, (int)Host.ActualHeight, 96, 96, PixelFormats.Pbgra32);
rtb.Render(Host);

var jpg = new JpegBitmapEncoder() { Frames = { BitmapFrame.Create(rtb) } };
using (var f = File.Create(@"d:\testrender.jpg"))
    jpg.Save(f);

    如果你需要在服务器上渲染，你可以不用视觉元素：

    var shapes = new List<Shape>
{
    new Shape
    {
        X = 500, Y = 200,
        Width = 600, Height = 450
    },
    new Shape
    {
        X = 100, Y = 500,
        Width = 200, Height = 600
    }
};

var totalW = shapes.Max(s => s.X + s.Width) + 10;
var totalH = shapes.Max(s => s.Y + s.Height) + 10;

var rtb = new RenderTargetBitmap(totalW, totalH, 96, 96, PixelFormats.Pbgra32);
var visual = new DrawingVisual();

var pen = new Pen(Brushes.DarkGray, 1);
using (var r = visual.RenderOpen())
{
    r.DrawRectangle(Brushes.White, null, new Rect(0, 0, totalW, totalH));
    foreach (var shape in shapes)
        r.DrawRectangle(null, pen, new Rect(shape.X, shape.Y, shape.Width, shape.Height));
}

rtb.Render(visual);

var jpg = new JpegBitmapEncoder() { Frames = { BitmapFrame.Create(rtb) } };
using (var f = File.Create(@"d:\testrender.jpg"))
    jpg.Save(f);
    • 2

相关问题