WPF机器视觉用鼠标绘制图形

在 WPF 中实现机器视觉应用并结合鼠标绘制图形功能，可以通过以下方式来完成： ### 1. 图像显示与处理 WPF 提供了 `Image` 控件用于图像的显示。结合 HALCON 或 OpenCV 等图像处理库，可以将相机采集到的图像转换为 `BitmapSource` 并绑定到 `Image` 控件上进行实时显示[^5]。 示例代码（显示图像）： ```xaml <Image x:Name="ImageView" Stretch="Uniform" /> ``` C# 代码部分可使用如下伪代码： ```csharp // 假设 imageSource 是从相机获取的 BitmapSource ImageView.Source = imageSource; ``` ### 2. 鼠标交互绘制图形 为了实现在图像上用鼠标绘制图形（如矩形、线条等），需要监听 `MouseLeftButtonDown`、`MouseMove` 和 `MouseLeftButtonUp` 事件，并通过 `Canvas` 动态添加图形元素[^1]。 示例代码（绘制矩形）： ```xaml <Canvas x:Name="DrawingCanvas" Background="Transparent" MouseLeftButtonDown="Canvas_MouseLeftButtonDown" MouseMove="Canvas_MouseMove" MouseLeftButtonUp="Canvas_MouseLeftButtonUp"/> ``` C# 实现逻辑： ```csharp private Point startPoint; private Rectangle currentRect; private void Canvas_MouseLeftButtonDown(object sender, MouseButtonEventArgs e) { startPoint = e.GetPosition(DrawingCanvas); currentRect = new Rectangle { Stroke = Brushes.Red, StrokeThickness = 2, Fill = Brushes.Transparent }; Canvas.SetLeft(currentRect, startPoint.X); Canvas.SetTop(currentRect, startPoint.Y); DrawingCanvas.Children.Add(currentRect); } private void Canvas_MouseMove(object sender, MouseEventArgs e) { if (currentRect != null) { var currentPoint = e.GetPosition(DrawingCanvas); double width = currentPoint.X - startPoint.X; double height = currentPoint.Y - startPoint.Y; currentRect.Width = Math.Abs(width); currentRect.Height = Math.Abs(height); Canvas.SetLeft(currentRect, Math.Min(startPoint.X, currentPoint.X)); Canvas.SetTop(currentRect, Math.Min(startPoint.Y, currentPoint.Y)); } } private void Canvas_MouseLeftButtonUp(object sender, MouseButtonEventArgs e) { currentRect = null; } ``` ### 3. 图形数据与图像坐标映射 如果图像经过缩放或变换，需注意将鼠标坐标映射到图像的实际像素坐标中。这可以通过 `TransformToVisual` 方法实现坐标转换[^3]。 示例代码： ```csharp Point imagePoint = ImageView.TransformToVisual(DrawingCanvas).Transform(new Point(0, 0)); ``` ### 4. 图形与图像处理结合 一旦图形绘制完成，可以提取该区域的图像数据进行进一步的图像处理操作（如边缘检测、模板匹配等）。例如，在 HALCON 中，可以将用户绘制的 ROI 区域作为感兴趣区域进行分析。 ### 5. 性能优化 - 使用双缓冲技术避免界面闪烁。 - 对于复杂的图像处理任务，建议使用异步线程处理以避免阻塞 UI 线程。 - 若涉及大量图形绘制，应考虑使用 `WriteableBitmap` 或 DirectX 渲染以提升性能。 ---