C# Avalonia 12- Drawing - LineCaps

LineCaps.axaml代码

<Window xmlns="https://github.com/avaloniaui"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        Height="233" Width="376"
        x:Class="AvaloniaUI.LineCaps"
        Title="LineCaps">
    <Grid Margin="15" RowDefinitions="*,*,*,*" ColumnDefinitions="*,auto">
        <Polyline Stroke="Blue" StrokeThickness="15" StrokeLineCap="Flat"
                  Points="10,10 30,0 50,20 90,10 200,10" >
        </Polyline>
        <TextBlock Grid.Column="1">Flat Line Cap</TextBlock>

        <Polyline Stroke="Blue" StrokeThickness="15" Grid.Row="1" StrokeLineCap="Square"   
                  Points="10,10 30,0 50,20 90,10 200,10" >
        </Polyline>
        <TextBlock Grid.Row="1" Grid.Column="1">Square Line Cap</TextBlock>

        <Polyline Stroke="Blue" StrokeThickness="15" Grid.Row="2" StrokeLineCap="Round" 
                  Points="10,10 30,0 50,20 90,10 200,10" >
        </Polyline>
        <TextBlock Grid.Row="2" Grid.Column="1">Round Line Cap</TextBlock>
        
        <Canvas Grid.Row="3">
            <Polyline Stroke="Blue"
                       StrokeThickness="15"
                       Points="10,10 30,0 50,20 90,10 200,10"
                       StrokeLineCap="Flat"/>

            <!-- 三角形箭头 -->
            <Polygon  
                Canvas.Left="10" Canvas.Top="0" Fill="Blue" Points="200,10 190,3 190,18"/>
        </Canvas>
        <TextBlock Grid.Row="3" Grid.Column="1">Triangle Line Cap</TextBlock>
    </Grid>
</Window>

LineCaps.axaml.cs代码

using Avalonia;
using Avalonia.Controls;
using Avalonia.Markup.Xaml;

namespace AvaloniaUI;

public partial class LineCaps : Window
{
    public LineCaps()
    {
        InitializeComponent();
    }
}

运行效果