マウスドラッグ時の追従でなぜか座標（矩形表示）がずれる

Question

皆様、お世話になっています。

C# WPF です。　Canvas上の範囲指定でよくあるマウス追従のラバーバンドが表示されるように
したいため、以下のように記述しました。ラバーバンド形状は　Rectangle　です。

実行すると動くのですが、クリック（マウスダウン）と同時にドラッグすると
最初のDown時のポイント座標（座標表示では正確）とドラッグ時の座標が
マウス先端座標ではなく、マウス先端からさらにX,Yに４０～５０（変動あり）ほどプラスされた
位置に矩形表示（動きはOK）されてしまいます。
最初のマウスポイント座標は固定、ドラッグ時はマウスに従って変化するのは正常ですが、
座標の取得なのか表示なのか、単に考え方がわるいのか、わかりませんが　ラバーバンド矩形
の座標がマウスカーソル先端とはずれる。

よく考えればわかるかもしれませんが、・・・わかりません。
何が間違っているかわかる方、いらっしゃいますでしょうか。

rc は　Rectangle
View は　Canvas名
vd は　別クラスで座標情報を持たせている
vd.MouseD はマウスダウン時のPoint
vd.MouseM はマウスドラッグ移動時のPoint
Jotai はマウスダウン中の状態

    MainWindowのコンストラクタの続きから・・・

　　　　
rc = new Rectangle();
rc.Stroke = new SolidColorBrush(Color.FromRgb(255, 0, 0));
rc.Opacity = 0.5;
rc.StrokeThickness = 3;
rc.Width = 0;
rc.Height = 0;
Canvas.SetTop(rc, 0);
Canvas.SetLeft(rc, 0);
View.Children.Add(rc);
}

    /// ----- Mouse Down  メソッド　----------
    private void Canvas_MouseDown(object sender, MouseButtonEventArgs e)
    {
        vd.MouseD = e.GetPosition(this);
        vd.MouseM = vd.MouseD;
        Canvas.SetTop(rc, vd.MouseD.X );
        Canvas.SetLeft(rc, vd.MouseD.Y);
        rc.Width = vd.MouseM.X - vd.MouseD.X;
        rc.Height = vd.MouseM.Y - vd.MouseD.Y;

        Jotai = MUD.D;  //  Joutai  は　Enum型
    }

    ///  -----  Mouse Move  メソッド --------
    private void View_MouseMove(object sender, MouseEventArgs e)
    {
        if (Jotai == MUD.D)
        {
            vd.MouseM = e.GetPosition(this);
            rc.Width = vd.MouseM.X - vd.MouseD.X;
            rc.Height = vd.MouseM.Y - vd.MouseD.Y;
        }
    }

    ///  -----  Mouse Up  メソッド --------　　消すの処理は動きOK完成の後
    private void Canvas_MouseUp(object sender, MouseButtonEventArgs e)
    {
        if (rc != null)
        {
            Jotai = MUD.U;
            vd.MouseM = e.GetPosition(this);
        }
    }

Answer 1

直接の原因はSetLeftとSetTopが逆だからでしょうか（LeftがX）
e.GetPosition(this)は、e.GetPosition(View)のほうがいいでしょう（レイアウト次第ですが）

あとrc.Width・rc.Heightがマイナスになった（左や上にドラッグした）とき、エラーになりませんか？

using System.Windows;
using System.Windows.Controls;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Shapes;

namespace Questions237403
{
    public partial class MainWindow : Window
    {
        private enum MUD { U, D }
        private struct VD
        {
            public Point MouseD;
            public Point MouseM;
        }
        private Canvas View;
        private Rectangle rc;
        private MUD Jotai;
        private VD vd;

        public MainWindow()
        {
            //InitializeComponent();

            View = new Canvas();
            View.Background = Brushes.White;
            View.MouseDown += Canvas_MouseDown;
            View.MouseMove += View_MouseMove;
            View.MouseUp += Canvas_MouseUp;
            AddChild(View);

            rc = new Rectangle();
            rc.Stroke = new SolidColorBrush(Color.FromRgb(255, 0, 0));
            rc.Opacity = 0.5;
            rc.StrokeThickness = 3;
            rc.Width = 0;
            rc.Height = 0;
            View.Children.Add(rc);
        }

        private void Canvas_MouseDown(object sender, MouseButtonEventArgs e)
        {
            vd.MouseD = e.GetPosition(View);
            vd.MouseM = vd.MouseD;
            Canvas.SetLeft(rc, vd.MouseD.X);
            Canvas.SetTop(rc, vd.MouseD.Y);
            rc.Width = vd.MouseM.X - vd.MouseD.X;
            rc.Height = vd.MouseM.Y - vd.MouseD.Y;

            Jotai = MUD.D;
        }

        private void View_MouseMove(object sender, MouseEventArgs e)
        {
            if(Jotai == MUD.D)
            {
                vd.MouseM = e.GetPosition(View);
                var w = vd.MouseM.X - vd.MouseD.X;
                var h = vd.MouseM.Y - vd.MouseD.Y;

                if(0 <= w)
                {
                    Canvas.SetLeft(rc, vd.MouseD.X);
                    rc.Width = w;
                }
                else
                {
                    Canvas.SetLeft(rc, vd.MouseD.X + w);
                    rc.Width = -w;
                }

                if(0 <= h)
                {
                    Canvas.SetTop(rc, vd.MouseD.Y);
                    rc.Height = h;
                }
                else
                {
                    Canvas.SetTop(rc, vd.MouseD.Y + h);
                    rc.Height = -h;
                }
            }
        }

        private void Canvas_MouseUp(object sender, MouseButtonEventArgs e)
        {
            Jotai = MUD.U;
            vd.MouseM = e.GetPosition(View);
        }
    }
}

Comments

[mnhktm]

TN8001さん、ありがとうございます。
仰る通り　SetLeftとSetTop　がXY逆でした。がそでれも狂うので、vd.MouseD = e.GetPosition(this);
を vd.MouseD = e.GetPosition(View);　this →　View　で正常に動きました。this は必ずしも View
ではないのですね。ここを　this にするとRectangle　のコーナーにマウス先端が合わないようです。
マウスダウン時とドラッグ時の座標が合わないのが判りました。あと、Canvas は途中でXAML側でName="View"　としたので、メソッド名を合わせるほうが良いですね。
もっとよく見るように、と言われそうな質問内容でした。
マウス座標のマイナス時の処理もありがとうございます。
助かりました。