.NET GDI+:使用圆角绘制线

给定一组点,可以很容易地基于这些点绘制一条线,例如使用GraphicsPath类。

例如,下面的点数组。。。

[0]: (0,0)
[1]: (100,0)
[2]: (0,100)
[3]: (100,100)

但挑战来了;我需要绘制半径为10像素的圆角。所谓角点,我指的是线中不是起点或终点的点。在这种情况下,每个角有两个角 (0,100) 和 (100,0)

我已经尝试过贝塞尔曲线、曲线和圆弧,其中一些可能适用于解决方案——我自己还没有找到它,因为我必须能够处理以所有角度绘制的线,而不仅仅是水平线或垂直线。

设定 LineJoin 的 Pen Round 这是不够的,因为这只显示更宽的笔。

为了澄清,我非常了解GraphicsPath类的bezier、曲线和圆弧功能。我正在寻找一些关于构建算法的更具体的建议,该算法可以获取任意数量的点,并用圆角将它们串在一起。

解决方案

我将下面的函数放在一起,它返回一条表示带圆角的线的路径。该函数使用一个lengthline函数,可以找到 here .

protected GraphicsPath GetRoundedLine(PointF[] points, float cornerRadius)
{
  GraphicsPath path = new GraphicsPath();
  PointF previousEndPoint = PointF.Empty;
  for (int i = 1; i < points.Length; i++)
  {
    PointF startPoint = points[i - 1];
    PointF endPoint = points[i];

    if (i > 1)
    {
      // shorten start point and add bezier curve for all but the first line segment:
      PointF cornerPoint = startPoint;
      LengthenLine(endPoint, ref startPoint, -cornerRadius);
      PointF controlPoint1 = cornerPoint;
      PointF controlPoint2 = cornerPoint;
      LengthenLine(previousEndPoint, ref controlPoint1, -cornerRadius / 2);
      LengthenLine(startPoint, ref controlPoint2, -cornerRadius / 2);
      path.AddBezier(previousEndPoint, controlPoint1, controlPoint2, startPoint);
    }
    if (i + 1 < points.Length) // shorten end point of all but the last line segment.
      LengthenLine(startPoint, ref endPoint, -cornerRadius);

    path.AddLine(startPoint, endPoint);
    previousEndPoint = endPoint;
  }
  return path;
}