aistudio-wpf-diagram/AIStudio.Wpf.DiagramDesigner/UserControls/LineControl.xaml

<UserControl x:Class="AIStudio.Wpf.DiagramDesigner.LineControl"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
             xmlns:s="clr-namespace:AIStudio.Wpf.DiagramDesigner"         
             mc:Ignorable="d" 
             d:DesignHeight="450" d:DesignWidth="800">
    <UserControl.Resources>
        <s:ColorBrushConverter x:Key="ColorBrushConverter" />
        <s:LineDashConverter x:Key="LineDashConverter"/>
    </UserControl.Resources>
    <Grid>
        <Canvas x:Name="rootCanvas">
            <Path x:Name="line" Stroke="{Binding ColorViewModel.LineColor,Converter={StaticResource ColorBrushConverter}}"
                                                  StrokeThickness="{Binding ColorViewModel.LineWidth}"  
                                                  StrokeDashArray="{Binding ColorViewModel.LineDashStyle,Converter={StaticResource LineDashConverter}}">
                <Path.Data>
                    <MultiBinding Converter="{x:Static s:ConnectionPathConverter.Instance}">
                        <Binding Path="PathGeneratorResult"/>
                    </MultiBinding>
                </Path.Data>
            </Path>

            <!--<Path x:Name="ball" Width="5" Height="5" Stretch="Fill" Fill="#eee">
                <Path.Data>
                    <EllipseGeometry Center="100,100"
                                RadiusX="100"
                                RadiusY="100">
                    </EllipseGeometry>
                </Path.Data>
            </Path>-->

            <Ellipse  x:Name="ball" Fill="Red" Width="5" Height="5" Panel.ZIndex="1" />
        </Canvas>
    </Grid>
</UserControl>