[C#/WPF] BezierSegment 엘리먼트 : 제어점 표시하기

■ BezierSegment 엘리먼트에서 제어점을 표시하는 방법을 보여준다.

▶ MainWindow.xaml


<Window x:Class="TestProject.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Width="800"
    Height="600"
    Title="BezierSegment 엘리먼트 : 제어점 표시하기"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <Canvas>
        <Path
            Stroke="Blue"
            StrokeThickness="3"
            Fill="Red">
            <Path.Data>
                <GeometryGroup>
                    <PathGeometry>
                        <PathFigure x:Name="figure"
                            StartPoint="50 150"
                            IsFilled="False">
                            <BezierSegment
                                Point1="25 25"
                                Point2="400 300"
                                Point3="450 150" />
                        </PathFigure>
                    </PathGeometry>
                    <EllipseGeometry
                        Center="{Binding ElementName=figure, Path=StartPoint}"
                        RadiusX="5"
                        RadiusY="5" />
                    <EllipseGeometry
                        Center="{Binding ElementName=figure, Path=Segments[0].Point1}"
                        RadiusX="5"
                        RadiusY="5" />
                    <EllipseGeometry
                        Center="{Binding ElementName=figure, Path=Segments[0].Point2}"
                        RadiusX="5"
                        RadiusY="5" />
                    <EllipseGeometry
                        Center="{Binding ElementName=figure, Path=Segments[0].Point3}"
                        RadiusX="5"
                        RadiusY="5" />
                </GeometryGroup>
            </Path.Data>
        </Path>
    </Canvas>
</Window>

<Window x:Class="TestProject.MainWindow"

xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

Width="800"

Height="600"

Title="BezierSegment 엘리먼트 : 제어점 표시하기"

FontFamily="나눔고딕코딩"

FontSize="16">

<Path

Stroke="Blue"

StrokeThickness="3"

Fill="Red">

<Path.Data>

<PathFigure x:Name="figure"

StartPoint="50 150"

IsFilled="False">

<BezierSegment

Point1="25 25"

Point2="400 300"

Point3="450 150" />

</PathFigure>

</PathGeometry>

<EllipseGeometry

Center="{Binding ElementName=figure, Path=StartPoint}"

RadiusX="5"

RadiusY="5" />

<EllipseGeometry

Center="{Binding ElementName=figure, Path=Segments[0].Point1}"

RadiusX="5"

RadiusY="5" />

<EllipseGeometry

Center="{Binding ElementName=figure, Path=Segments[0].Point2}"

RadiusX="5"

RadiusY="5" />

<EllipseGeometry

Center="{Binding ElementName=figure, Path=Segments[0].Point3}"

RadiusX="5"

RadiusY="5" />

</GeometryGroup>

</Path.Data>

</Path>

</Canvas>

</Window>

TestProject.zip