使用 .NET 创建手绘效果

Question

我想编写一段代码，创建与 'Balsamiq Mockups' 或 'yUML' 使用 .NET 框架。

谁能告诉我如何使用GDI+实现手绘铅笔效果？

显然可以使用正确的字体来完成文本 - 我的问题是如何渲染线条、方框和圆圈。

谢谢！

Answer 1

GDI+ 最适合绘制直角型图形，但您可以使用它来产生如下效果：

...通过使用 Graphics 对象的 DrawBezier 方法。下面是渲染上图的代码片段：

Bitmap bmp = new Bitmap(pictureBox1.Width, pictureBox1.Height);
using (Graphics g = Graphics.FromImage(bmp))
{
    g.FillRectangle(new SolidBrush(Color.White),
        new Rectangle(0, 0, bmp.Width, bmp.Height));
    Pen pen = new Pen(Color.Gray, 7.0F);
    g.SmoothingMode = System.Drawing.Drawing2D.SmoothingMode.HighQuality;

    g.DrawBezier(pen,
        new Point(10, 10),
        new Point(11, 41),
        new Point(7, 147),
        new Point(13, 199));

    g.DrawBezier(pen,
        new Point(7, 10),
        new Point(87, 13),
        new Point(213, 17),
        new Point(319, 6));

    g.DrawBezier(pen,
        new Point(319, 4),
        new Point(305, 53),
        new Point(299, 107),
        new Point(319, 203));

    g.DrawBezier(pen,
        new Point(13, 199),
        new Point(33, 195),
        new Point(150, 207),
        new Point(319, 203));

}
pictureBox1.Image = bmp;

这种效果的关键是使用大宽度的 Pen（本例中为 7.0F），并将 Graphics 对象的 SmoothingMode 设置为 HighQuality（因为这看起来像默认的 ass）平滑模式）。

编写自定义方法相对容易，您可以在其中指定要以正常 GDI+ 方式绘制的形状（矩形、坐标和半径等），然后您的代码将这些元素的线条转换为贝塞尔坐标，您可以在其中稍微改变物体在每个方向上随机放置几个像素。