Question

我正在尝试使用Clipper库来修改图形路径。

我有代表轮廓/笔画的宽度列表。我想从最大的第一个开始，一直到最小的工作。

对于此示例，我们将添加宽度为20和10的2个笔划。

我想采取我的图形路径，并将其扩展/偏移20像素到新的图形路径。我不想改变原来的路径。然后我想用纯色填充新的图形路径。

接下来，我想采用原始图形路径，并将其扩展/偏移10个像素到新的图形路径中。我想用不同的颜色填充这条新路径。

然后我想用不同的颜色填充原始路径。

这样做的正确方法是什么。我创建了以下方法来尝试执行此操作，但它无法正常工作。

private void createImage(Graphics g, GraphicsPath gp, List<int> strokeWidths)
{
  ClipperOffset pathConverter = new ClipperOffset();
  Clipper c = new Clipper();
  gp.Flatten();

  foreach(int strokeSize in strokeWidths)
  {
    g.clear();
    ClipperPolygons polyList = new ClipperPolygons();
    GraphicsPath gpTest = (GraphicsPath)gp.Clone();    
    PathToPolygon(gpTest, polyList, 100);
    gpTest.Reset();

    c.Execute(ClipType.ctUnion, polyList, PolyFillType.pftPositive, PolyFillType.pftEvenOdd);
    pathConverter.AddPaths(polyList, JoinType.jtMiter, EndType.etClosedPolygon);                  
    pathConverter.Execute(ref polyList, strokeSize * 100);

    for (int i = 0; i < polyList.Count; i++)
    {
      // reverses scaling
      PointF[] pts2 = PolygonToPointFArray(polyList[i], 100);
      gpTest.AddPolygon(pts2);
    }
    g.FillPath(new SolidBrush(Color.Red), gpTest);
  }
}

        private void PathToPolygon(GraphicsPath path, ClipperPolygons polys, Single scale)
        {
            GraphicsPathIterator pathIterator = new GraphicsPathIterator(path);
            pathIterator.Rewind();
            polys.Clear();
            PointF[] points = new PointF[pathIterator.Count];
            byte[] types = new byte[pathIterator.Count];
            pathIterator.Enumerate(ref points, ref types);
            int i = 0;
            while (i < pathIterator.Count)
            {
                ClipperPolygon pg = new ClipperPolygon();
                polys.Add(pg);
                do
                {

                    IntPoint pt = new IntPoint((int)(points[i].X * scale), (int)(points[i].Y * scale));
                    pg.Add(pt);
                    i++;
                }
                while (i < pathIterator.Count && types[i] != 0);
            }
        }
        private PointF[] PolygonToPointFArray(ClipperPolygon pg, float scale)
        {
            PointF[] result = new PointF[pg.Count];
            for (int i = 0; i < pg.Count; ++i)
            {
                result[i].X = (float)pg[i].X / scale;
                result[i].Y = (float)pg[i].Y / scale;
            }
            return result;
        }

Answer 1

虽然你已经做了一个非常合理的开始，但你似乎在你的createImage（）函数中变得混乱。你提到想要使用不同偏移的不同颜色，所以你错过了一个颜色数组来匹配你的strokeWidths数组。另外，我不清楚你在剪辑（联合）方面做了什么，但这可能是不必要的。

所以在伪代码中我建议如下......

static bool CreateImage(Graphics g, GraphicsPath gp, 
    List<int> offsets, List<Color> colors)
{
    const scale = 100;
    if (colors.Count < offsets.Count) return false;

    //convert GraphicsPath path to Clipper paths ...
    Clipper.Paths cpaths = GPathToCPaths(gp.Flatten(), scale);

    //setup the ClipperOffset object ...
    ClipperOffset co = new ClipperOffsets();
    co.AddPaths(cpaths, JoinType.jtMiter, EndType.etClosedPolygon); 

    //now loop through each offset ...
    foreach(offset in offsets, color in colors)
    {
      Clipper.Paths csolution = new Clipper.Paths();
      co.Execute(csolution, offset);
      if (csolution.IsEmpty) break; //useful for negative offsets
      //now convert back to floating point coordinate array ...
      PointF[] solution = CPathToPointFArray(csolution, scale);
      DrawMyPaths(Graphics g, solution, color); 
    }
}

如果你要使用越来越大的偏移量，那么需要注意一些事项，每个多边形都是在“foreach”中绘制的。 loop会隐藏先前绘制的多边形。

如何使用Clipper库来放大和填充路径

1 个答案: