aistudio-wpf-diagram/Demos/AIStudio.Wpf.DiagramDesigner.Demo/Views/Customization/CustomPortView.xaml

<UserControl x:Class="AIStudio.Wpf.DiagramDesigner.Demo.Views.CustomPortView"
             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:dd="https://gitee.com/akwkevin/aistudio.-wpf.-diagram"
             xmlns:controls="clr-namespace:AIStudio.Wpf.DiagramDesigner.Demo.Controls"
             mc:Ignorable="d" 
             d:DesignHeight="450" d:DesignWidth="800">
    <Grid>
        <!-- Diagram Control -->
        <dd:DiagramControl x:Name="diagram" DataContext="{Binding DiagramViewModel}" HorizontalAlignment="Stretch" VerticalAlignment="Stretch" >
            <dd:DiagramControl.ResourceDictionary>
                <ResourceDictionary>
                    <!--覆盖系统默认样式-->
                    <DataTemplate DataType="{x:Type dd:FullyCreatedConnectorInfo}">
                        <Grid Width="{Binding ConnectorWidth}" Height="{Binding ConnectorHeight}">
                            <!-- transparent extra space makes connector easier to hit -->
                            <Ellipse Fill="Transparent" Margin="-2" />
                            <Ellipse Fill="{Binding ColorViewModel.FillColor,Converter={StaticResource ColorBrushConverter}}"  StrokeThickness="1" Stroke="{Binding ColorViewModel.LineColor,Converter={StaticResource ColorBrushConverter}}" />
                        </Grid>
                    </DataTemplate>
                </ResourceDictionary>
            </dd:DiagramControl.ResourceDictionary>
        </dd:DiagramControl>

        <controls:TitleControl/>
    </Grid>
</UserControl>