在曲线周围以距曲线特定距离绘制边框

Question

用户将绘制一条曲线，我只想在曲线周围绘制一个边框，距曲线特定的距离（例如10像素）。我想使用上面的图像方法。

我有曲线点列表，请参考输入和输出的示例图像

Answer 1

假设你有两条路径

<Canvas>
    <Path x:Name="polyline" Stroke="Black"
          Data="M100,100 L150,200 250,200 300,100"/>
    <Path x:Name="path" Stroke="Black"/>
</Canvas>

您可以通过

创建折线数据的轮廓

var pen = new Pen
{
    Thickness = 50,
    StartLineCap = PenLineCap.Round,
    EndLineCap = PenLineCap.Round,
    LineJoin = PenLineJoin.Round
};

var outline = polyline.Data
    .GetWidenedPathGeometry(pen)
    .GetOutlinedPathGeometry();

path.Data = outline;