c# - WPF バルーン ノートは焦点を中心に調整されます

Question

私がやりたいのは、ノートのステムを動かすと調整されるバルーンノートです。漫画のように考えてください。上下にバルーン ノートがあります。ステムが変わります。メモを移動またはサイズ変更するときに動的にしたい。私はそれを行う方法を学ぼうとしている完全な解決策を求めているわけではありません。おそらくアイデアへの参照。現在、標準のバルーン ノートが作成されています。

<Window x:Class="WpfApplication2.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Title="TestNote" SizeToContent="WidthAndHeight"
    MouseLeftButtonDown="Window_MouseLeftButtonDown"
    WindowStyle="None"
    AllowsTransparency="True"
    Background="Transparent">
<Canvas Width="400" Height="400" Name="Main" >
    <Path Stroke="Gray" StrokeThickness="2" Name="testPath" Height="206.97" Stretch="Fill" Width="273.448" >
        <Path.Fill >
            <SolidColorBrush Color="Khaki"></SolidColorBrush>
        </Path.Fill>
        <Path.Data>
            <CombinedGeometry GeometryCombineMode="Union">
                <CombinedGeometry.Geometry1>
                    <RectangleGeometry Rect="0,0,100,100" RadiusX="10" RadiusY="10"/>
                </CombinedGeometry.Geometry1>
                <CombinedGeometry.Geometry2>
                    <PathGeometry >
                        <PathFigure StartPoint="50,25">
                            <ArcSegment Size="100,100" RotationAngle="45"
                                SweepDirection="CounterClockwise" Point="25,25" />
                            <LineSegment Point="0,150"/>
                        </PathFigure>
                    </PathGeometry>
                </CombinedGeometry.Geometry2>
            </CombinedGeometry>
        </Path.Data>
    </Path>
</Canvas>
</Window>

public partial class MainWindow : Window
{
    public MainWindow()
    {
        InitializeComponent();
    }
    private void Window_MouseLeftButtonDown(object sender, MouseButtonEventArgs e)
    {
        this.DragMove();
    }  
}