如何实现由鼠标移动的WPF控件，就像滑块控件一样，但却是2D的？

// CustomControl.xaml.cs
public partial class CustomControl : UserControl
{
    private bool isDragging;
    private Point mouseOffset;

    public CustomControl()
    {
        InitializeComponent();
    }

    private void CustomControl_MouseLeftButtonDown(object sender, MouseButtonEventArgs e)
    {
        isDragging = true;
        mouseOffset = e.GetPosition(this);
        CaptureMouse();
    }

    private void CustomControl_MouseLeftButtonUp(object sender, MouseButtonEventArgs e)
    {
        isDragging = false;
        ReleaseMouseCapture();
    }

    private void CustomControl_MouseMove(object sender, MouseEventArgs e)
    {
        if (isDragging)
        {
            Point newMousePosition = e.GetPosition(this);
            double offsetX = newMousePosition.X - mouseOffset.X;
            double offsetY = newMousePosition.Y - mouseOffset.Y;

            Canvas.SetLeft(this, Canvas.GetLeft(this) + offsetX);
            Canvas.SetTop(this, Canvas.GetTop(this) + offsetY);

            mouseOffset = newMousePosition;
        }
    }
}

<!-- CustomControl.xaml -->
<UserControl x:Class="YourNamespace.CustomControl"
             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" 
             mc:Ignorable="d" 
             d:DesignHeight="300" d:DesignWidth="300"
             MouseLeftButtonDown="CustomControl_MouseLeftButtonDown"
             MouseLeftButtonUp="CustomControl_MouseLeftButtonUp"
             MouseMove="CustomControl_MouseMove">
    <Grid>
        <!-- Your 2D content here -->
    </Grid>
</UserControl>