wpf - XAMLで「フェルトペン」スタイルの円を端をつなげずに描く方法

Question

XAMLを使用してMetroStyleAppを設計していますが、赤いフェルトペンで走り書きしたかのように、端が適切に合わない円を描く必要があります。このようなもの：

これはXAMLでどのように行うことができますか？

Answer 1

では、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>

このコードは以下を生成します。

より丸みを帯びた結果にするために座標を少し調整し、ベジエ セグメントを使用することができます。

Answer 2

XAML で利用可能な形状を使用して、赤色で塗りつぶされた輪郭のない閉じた形状を描画できます。特に、BezierSegmentに基づいてシェイプのアウトラインを作成できます。