如何平滑路径图的WPF线段

Question

以下是Android代码。

path.moveTo(xx, yy);
for (...) {
    path.lineTo(xx, yy);
}
canvas.drawPath(this.path, paint);

为了删除尖角，我正在使用

final CornerPathEffect cornerPathEffect = new CornerPathEffect(50);
paint.setPathEffect(cornerPathEffect);

当来到 WPF 时，我使用以下代码。

PathFigure pathFigure = new PathFigure();
pathFigure.StartPoint = new Point(xx, yy);
for (...) {
    LineSegment lineSegment = new LineSegment(new Point(xx, yy), true);
    lineSegment.IsSmoothJoin = true;
    pathFigure.Segments.Add(lineSegment);
}
PathGeometry pathGeometry = new PathGeometry(new PathFigure[] { pathFigure });
drawingContext.DrawGeometry(null, new Pen(Brushes.White, 3), pathGeometry);

我收到了以下效果。

请注意，我避免使用PolyQuadraticBezierSegment或PolyBezierSegment。它往往变得不稳定。这意味着，每当我向线图添加新的传入点时，新添加的点将倾向于更改已在屏幕上绘制的旧路径。作为最终效果，您可以观察整个线图是摇动

我可以在WPF中了解如何平滑线段？虽然我使用了lineSegment.IsSmoothJoin = true;，但我仍然可以看到尖锐的角落。我可以拥有与Android的CornerPathEffect相同的东西吗？

Answer 1

我知道，zombie帖子帖子。你可能已经解决了这个问题，但事实上，这是我的想法......

由于平滑取决于线中的多个点，我认为很难找到看起来合理的平滑算法而不会在前沿产生一些不稳定性。你可以减少不稳定的范围，但只会产生非常奇怪的痕迹。

第一种选择是使用限制投影瑕疵的样条算法。例如，Catmull-Rom算法在被插值的曲线段的两侧使用两个已知点。您可以在曲线的每一端合成两个附加点，或者只是将第一个曲线段绘制为直线。这将给出一条直线作为最后一段，加上一条曲线作为倒数第二段，如果添加另一个点，它应该变化很小。

或者，您可以通过初始样条计算运行实际数据点以将这些点相乘，然后再次通过样条算法运行这些点。您仍然需要更新最新的2m点（其中m是第一遍的乘数）或输出看起来会失真。

关于我能想到的唯一其他选择是尝试根据您之前的数据预测未来几点，即使有相当规律的输入也可能很难。我用它来合成我的曲线末端的贝塞尔控制点 - 我正在计算所有点的CP并需要用于终点的东西 - 并且有一些有趣的时间试图阻止最终的曲线段看起来可怕的变形

哦，还有一个......不要绘制最终曲线段的图表。如果在P _n-1 处终止曲线，曲线应保持稳定。如果必须完全显示，则以不同的样式绘制最终片段。由于C-R样条仅需要插值的+/- 2个已知点，因此段P _n-2 -P _n-1 应足够稳定。

如果您没有C-R算法的代码，您可以使用合成Bezier控制点进行基本相同的操作。不要试图描述这个过程，而是查看this blog post，它可以很好地分解过程。 This article附带了可能有用的代码。