基于WPF Opencv实现一个图像可移动、缩放和可交互的显示窗口-Toy模板网

这篇具有很好参考价值的文章主要介绍了基于WPF Opencv实现一个图像可移动、缩放和可交互的显示窗口。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

学习Halcon的HSmartWindowControl窗口控件，用WPF和Opencv仿照了一个。
显示控件的主体是两个Canvas: Root Canvas是背景，刷上了网格；把要显示的图像作为Image Canvas的图像背景，
后面图像的移动，缩放，实质都是Image Canvas。
基于WPF Opencv实现一个图像可移动、缩放和可交互的显示窗口
可交互，学习的是Halcon的绘图对象，WPF的Path来实现的，Path类有鼠标事件，当Mouse Enter时，绘图对象的线宽增加，离开减少。

		protected virtual void _path_MouseMove(object sender, MouseEventArgs e) { }
        protected virtual void _path_MouseLeftButtonUp(object sender, MouseButtonEventArgs e)
        {
            _path.Stroke = new SolidColorBrush(_cLineColor);
            mbIsSelected = false;
            (sender as Path).ReleaseMouseCapture();
        }
        protected virtual void _path_MouseLeftButtonDown(object sender, MouseButtonEventArgs e){ }
        protected virtual void _path_MouseLeave(object sender, MouseEventArgs e)
        {
            _dLineWidth -= 3;
        }
        protected virtual void _path_MouseEnter(object sender, MouseEventArgs e)
        {
            _dLineWidth += 3;
        }
        protected virtual void UpdateDrawObjectScaleToImageChange() { }

主要实现了四个绘图对象，其中Rect2DrawingObejct，用的时Opencv的RotateRect来算的坐标（自己算太麻烦了），后期其实还可以实现多边形的绘图对象。
基于WPF Opencv实现一个图像可移动、缩放和可交互的显示窗口
至于绘图对象的回调函数，用委托实现：

 		public delegate void DrawingObjectCallback(string drawingObjectType, DrawingObject drawingObject);
        protected DrawingObjectCallback OnDrag;
        protected DrawingObjectCallback OnResize;
        protected DrawingObjectCallback OnSelect;

至此，整体功能就实现了。
但是还有一个问题，就是Image Canvas控件坐标和图像坐标的转换，其实两个坐标系的转换Factor也很好算：

 mdScaleXToImage = mMat.Cols / (value * 1.0);
 mdScaleYToImage = mMat.Rows / (value * 1.0);

但是当Image Canvas控件的尺寸发生改变（例如，窗口最大化了）时，这两个Factor就也必须更新，对于控件本身来讲，这两个值的更新是很容易的，可以在private void imageCanvas_SizeChanged(object sender, SizeChangedEventArgs e)更新。但在绘图图像类中就比较麻烦，目前的做法是绘图图像类注册了依赖属性，绑定到窗口相应的属性上，然后在依赖属性的回调函数中去更新绘图对象的位置

internal  static readonly DependencyProperty ScaleXToImageProperty =
                  DependencyProperty.Register("ScaleXToImage", typeof(double), typeof(DrawingObject), new PropertyMetadata(1.0, OnScaleToImageChanged));
internal  static readonly DependencyProperty ScaleYToImageProperty =
                  DependencyProperty.Register("ScaleYToImage", typeof(double), typeof(DrawingObject), new PropertyMetadata(1.0, OnScaleToImageChanged));
private   static  void OnScaleToImageChanged(DependencyObject d, DependencyPropertyChangedEventArgs e)
	 {
	 		DrawingObject obj = d as DrawingObject;
            if (obj is Rect1DrawingObject)
            {
                (obj as Rect1DrawingObject).UpdateDrawObjectScaleToImageChange();
            }
            else if(obj is CircleDrawingObject)
            {
                (obj as CircleDrawingObject).UpdateDrawObjectScaleToImageChange();
            }
            else if(obj is LineDrawingObject)
            {
                (obj as LineDrawingObject).UpdateDrawObjectScaleToImageChange();
            }
            else if(obj is Rect2DrawingObject)
            {
                (obj as Rect2DrawingObject).UpdateDrawObjectScaleToImageChange();
            }
     }

附上demo的效果，也是参考的Halcon&WPF的例程，在Rect1Object的OnDrag回调函数中执行Sobel元素。
基于WPF Opencv实现一个图像可移动、缩放和可交互的显示窗口

文章来源地址https://www.toymoban.com/news/detail-407486.html