如何根据我绘制的路径和几个点来绘制曲线曲线路径

Question

嗨，我想根据存在的蓝曲线路径来绘制一个红色曲线路径。引用此图，然后尝试使用bezier内部编码来构建红色路径。以下是我的代码。

这是我定义并通过我的观点的地方。

  newFinal.Insert(0, nodeBegin); //add in starting node at beginning drawing purpose
        Point[] AToB = new[] { new Point(48, 242), new Point(-35, 250), new Point(48, 350) };
        Point[] AToE = new[] { new Point(48, 242), new Point(150, 240), new Point(135, 245) };
        Point[] BToG = new[] { new Point(48, 350), new Point(150, 240), new Point(135, 340) };
        Point[] BToA = new[] { new Point(48, 350), new Point(-35, 250), new Point(48, 242) }; 
        Point[] EToA = new[] { new Point(135, 245), new Point(150, 240), new Point(48, 242) };
        Point[] GToB = new[] { new Point(135, 340), new Point(105, 370), new Point(48, 350) };
  for (i = 0; i < newFinal.Count - 1; i++)
        {
            switch (newFinal[i])
            {
                case 'a':
                    if (newFinal[i + 1] == 'b')
                        drawBezier(AToB[0], AToB[1],AToB[2]);
                    else if (newFinal[i + 1] == 'e')
                        drawBezier(AToE[0], AToE[1], AToE[2]);
                    break;

                case 'b':
                    if (newFinal[i + 1] == 'a')
                        drawBezier(BToA[0], BToA[1], BToA[2]);
                    else if (newFinal[i + 1] == 'g')
                        drawBezier(BToG[0], BToG[1], BToG[2]);
                    break;
                case 'e':
                    if (newFinal[i + 1] == 'a')
                        drawBezier(EToA[0], EToA[1], EToA[2]);
                    break;
                case 'g':
                    if (newFinal[i + 1] == 'b')
                        drawBezier(GToB[0], GToB[1], GToB[2]);
                        break;
              }
          }

这是我通过我的观点的地方：

private void drawBezier(Point point1, Point point2, Point point3) //This is the class to draw the blue curve path
    {
        BezierSegment bezier = new BezierSegment()
        {
            Point1 = point1,
            Point2 = point2,
            Point3 = point3,
            IsStroked = true
        };
        PathFigure figure = new PathFigure();
        figure.Segments.Add(bezier);
        Path path = new Path();
        path.Stroke = Brushes.Red;
        path.Data = new PathGeometry(new PathFigure[] { figure });
        MyCanvas.Children.Add(path);

        Storyboard sb = new Storyboard();
        PointAnimation pointAnim = new PointAnimation();
        pointAnim.From = bezier.Point1;
        pointAnim.To = bezier.Point3;
        Storyboard.SetTarget(pointAnim,path);
        Storyboard.SetTargetProperty(pointAnim,new PropertyPath("Data.Figures[2].Segments[2].Point3"));
    }

然而，红色路径以怪异的曲线绘制。例如，当我想将A绘制为B时，这发生了另一个示例，将G绘制为B，这就像曲线无法从第一点绘制。谁能帮我？

Answer 1

bezierSegment对象实际上是一个立方体曲线，它需要4个点才能完全定义。BezierSegment的Point1，Point2和Point3属性是第一个控制点，第二控制点和终点。立方体曲线的起点是路径对象的"当前点"。因此，您应该将PATHFIGURE的Startpoint属性设置为需要启动的立方体曲线。