Wpf 如何绘制';毛毡笔';XAML中的样式圈,无端点连接

Wpf 如何绘制';毛毡笔';XAML中的样式圈,无端点连接,wpf,xaml,Wpf,Xaml,我正在用XAML设计一个Metro风格的应用程序,我需要画一个两端没有正确相交的圆圈,就像是用红色毛毡笔涂鸦的一样。大概是这样的: 如何在XAML中实现这一点?您可以使用以下工具绘制一个闭合形状,其中没有填充红色的轮廓。特别是,您可以基于图形轮廓。好的,准备一点XAML: <Path Grid.Row="1" Grid.Column="1" Margin="10" Stroke="Red" StrokeThickness="5">

我正在用XAML设计一个Metro风格的应用程序,我需要画一个两端没有正确相交的圆圈,就像是用红色毛毡笔涂鸦的一样。大概是这样的:


如何在XAML中实现这一点?

您可以使用以下工具绘制一个闭合形状,其中没有填充红色的轮廓。特别是,您可以基于图形轮廓。

好的,准备一点XAML:

<Path Grid.Row="1" Grid.Column="1" Margin="10"              
        Stroke="Red" StrokeThickness="5">
    <Path.Data>
        <PathGeometry>
            <PathGeometry.Figures>
                <PathFigureCollection>
                    <PathFigure IsClosed="False" StartPoint="5,50">
                        <PathFigure.Segments>
                            <PathSegmentCollection>

                                <ArcSegment Point="50,5" Size="80, 40" SweepDirection="Clockwise" />
                                <ArcSegment Point="95,50" Size="50, 50" SweepDirection="Clockwise" />
                                <ArcSegment Point="50,95" Size="50, 50" SweepDirection="Clockwise" />
                                <ArcSegment Point="5,55" Size="55, 100" SweepDirection="Clockwise" />

                            </PathSegmentCollection>
                        </PathFigure.Segments>
                    </PathFigure>
                </PathFigureCollection>
            </PathGeometry.Figures>
        </PathGeometry>
    </Path.Data>
</Path>

此代码生成:


您可以稍微调整坐标以获得更不圆滑的结果,也可以使用BezierSegments

它可以是完美的圆形/椭圆形吗?我希望它的形状不是一个完美的圆形,有一点缺失,如果你是这个意思的话。如果两端可以稍微“偏离”一点,效果会更好。你的答案很准确。啊,现在我知道你会怎么做了——谢谢!我没有想过使用四个圆弧,但我对XAML还没有太多经验。