wpf Canvas 绘制矩形 显示移动轨迹

最新推荐文章于 2024-06-12 09:18:18 发布
最新推荐文章于 2024-06-12 09:18:18 发布
阅读量1.1k 收藏 7
点赞数
文章标签： wpf
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_35250111/article/details/120351408
版权

cs文件

using System;
using System.Collections.Generic;
using System.IO;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Data;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Imaging;
using System.Windows.Shapes;

namespace Measure
{
    enum PosMode{
        Show,
        Move,
        Delete,
        Zoom
    }

    /// <summary>
    /// OneImagePanel.xaml 的交互逻辑
    /// </summary>
    public partial class OneImagePanel : UserControl
    {
        public static void SaveBitmapImageAsJpeg(BitmapSource image, string imageFileName)
        {
            //已知BitmapImage image

            JpegBitmapEncoder encoder = new JpegBitmapEncoder();
            encoder.QualityLevel = 100;

            encoder.Frames.Add(BitmapFrame.Create(image));

            FileStream fileStream = new FileStream(imageFileName, FileMode.Create, FileAccess.ReadWrite);

            encoder.Save(fileStream);

            fileStream.Close();
        }

        public OneImagePanel()
        {
            InitializeComponent();
        }
        private double scale = 0;
        public void SetImage(BitmapSource bitmapSource)
        {
            cameraImage.Source = bitmapSource;
            if(scale==0)
            {
                double scaleX = _Canvas.Width / bitmapSource.Width;
                double scaleY = _Canvas.Height / bitmapSource.Height;
                scale = scaleX > scaleY ? scaleY : scaleX;
                _Scale.ScaleX = scale;
                _Scale.ScaleY = scale;
            }
        }
              
        System.Windows.Point BackcenterPoint;
        private void Back_img_MouseWheel(object sender, MouseWheelEventArgs e)
        {
            BackcenterPoint = e.GetPosition(_Canvas);
            System.Windows.Point pt1 = _Canvas.RenderTransform.Inverse.Transform(BackcenterPoint);
            _Translate.X = (BackcenterPoint.X - pt1.X) * this._Scale.ScaleX;
            _Translate.Y = (BackcenterPoint.Y - pt1.Y) * this._Scale.ScaleY;
            this._Scale.CenterX = BackcenterPoint.X;
            this._Scale.CenterY = BackcenterPoint.Y;
            if ((_Scale.ScaleX + (double)e.Delta / 2400) >= 0.1 && (_Scale.ScaleX + (double)e.Delta / 2400) < 2)
            {
                _Scale.ScaleX += (double)e.Delta / 2400;
                _Scale.ScaleY += (double)e.Delta / 2400;
            }
        }
        private bool mouseLDown = false;
        private bool mouseRDown = false;
        private System.Windows.Point mouseXY;
        private bool selectMove = false;
        private bool ZoomMove = false;
        private double RectMinSize = 30;
        //当前选中的矩形
        System.Windows.Shapes.Rectangle currnetRectang = null;
        private void canvas_MouseLeftButtonDown(object sender, MouseButtonEventArgs e)
        {
            var img = sender as Canvas;
            if (img == null)
            {
                return;
            }            
            img.CaptureMouse();
            mouseXY = e.GetPosition(img);
            selectMove = false;
            PosMode mode = SelectRect(e.GetPosition(img));
            if (mode != PosMode.Show)
            {
                if (e.ClickCount > 1)
                {
                    //双击矩形处理
                    return;
                }
                double x = Canvas.GetLeft(currnetRectang);
                double y = Canvas.GetTop(currnetRectang);

                if (mode == PosMode.Zoom)
                    ZoomMove = true;
                else
                {                  
                    selectMove = true;
                }

              
                DeleteLabel.Visibility = Visibility.Visible;
                Canvas.SetLeft(DeleteLabel, x - 32);
                Canvas.SetTop(DeleteLabel, y - 32);

                ZoomLabel.Visibility = Visibility.Visible;
                Canvas.SetLeft(ZoomLabel, x + currnetRectang.Width);
                Canvas.SetTop(ZoomLabel, y + currnetRectang.Height);
                
                return;
            }
            DeleteLabel.Visibility = Visibility.Collapsed;
            ZoomLabel.Visibility = Visibility.Collapsed;
           
            mouseLDown = true;

            TempRect.Width = 0;TempRect.Height = 0;
            TempRect.Visibility = Visibility.Visible;
        }
               
        private void canvas_MouseLeftButtonUp(object sender, MouseButtonEventArgs e)
        {
            var img = sender as Canvas;
            if (img == null)
            {
                return;
            }
            Point CurPos = e.GetPosition(img);
            img.ReleaseMouseCapture();
            selectMove = false;
            ZoomMove = false;
            if (mouseLDown)
            {
                Rectangle rect = new Rectangle();
                rect.StrokeThickness = 2;
                rect.Stroke = new SolidColorBrush(Colors.Red);
                rect.Width = Math.Abs(mouseXY.X - CurPos.X);
                rect.Height = Math.Abs(mouseXY.Y - CurPos.Y);
                Canvas.SetLeft(rect, Math.Min(mouseXY.X, CurPos.X));
                Canvas.SetTop(rect, Math.Min(mouseXY.Y, CurPos.Y));
                if (rect.Width > RectMinSize && rect.Height > RectMinSize)
                {
                    //画完后记录
                    rect.Name = "DrawRect";
                    _Canvas.Children.Add(rect);
                }
            }
            mouseLDown = false;
            TempRect.Visibility = Visibility.Collapsed;
        }
        private void _Canvas_MouseRightButtonDown(object sender, MouseButtonEventArgs e)
        {
            var img = sender as Canvas;
            if (img == null)
            {
                return;
            }
            img.CaptureMouse();
            mouseRDown = true;
            mouseXY = e.GetPosition(img);
        }
        private void _Canvas_MouseRightButtonUp(object sender, MouseButtonEventArgs e)
        {
            var img = sender as Canvas;
            if (img == null)
            {
                return;
            }
            img.ReleaseMouseCapture();
            mouseRDown = false;
        }

       
        private void canvas_MouseMove(object sender, MouseEventArgs e)
        {
            var img = sender as Canvas;
            if (img == null)
            {
                return;
            }
            PosMode mode =  SelectRect(e.GetPosition(img));
            switch (mode)
            {
                case PosMode.Move:
                    this.Cursor = Cursors.Hand;break;
                case PosMode.Zoom:
                    this.Cursor = Cursors.SizeNWSE; break;
                default:
                    this.Cursor = Cursors.Arrow; break;
            }
            if (mouseRDown)
            {
                //右键移动视图
                Domousemove(img, e);
            }
            else if (ZoomMove)
            {
                ZoomSelectRectang(e.GetPosition(img));
            }
            else if (selectMove)
            {
                //左键移动矩形
                MoveSelectRectang(e.GetPosition(img));
            }
            else if (mouseLDown)
            {
                //左键画图
                DrawRect(e.GetPosition(img));
            }
            
        }
        private void Domousemove(Canvas img, MouseEventArgs e)
        {
            if (e.RightButton != MouseButtonState.Pressed)
            {
                return;
            }
            var position = e.GetPosition(img);
            _Translate.X += (position.X - mouseXY.X) * _Scale.ScaleX;
            _Translate.Y += (position.Y - mouseXY.Y) * _Scale.ScaleY;            
        }

        private void DrawRect(Point CurPos)
        {
            TempRect.Width = Math.Abs(mouseXY.X - CurPos.X);
            TempRect.Height = Math.Abs(mouseXY.Y - CurPos.Y);
            Canvas.SetLeft(TempRect, Math.Min(mouseXY.X, CurPos.X));
            Canvas.SetTop(TempRect, Math.Min(mouseXY.Y, CurPos.Y));
        }
        private void MoveSelectRectang(Point CurPos)
        {
            double offsetX = (CurPos.X - mouseXY.X);
            double offsetY = (CurPos.Y - mouseXY.Y);
            //if (offsetX > 1 || offsetY > 1)
            {
                mouseXY = CurPos;
                double x = Canvas.GetLeft(currnetRectang);
                double y = Canvas.GetTop(currnetRectang);
                Canvas.SetLeft(currnetRectang, (x + offsetX));
                Canvas.SetTop(currnetRectang, (y + offsetY));

                Canvas.SetLeft(DeleteLabel, x - 32);
                Canvas.SetTop(DeleteLabel, y - 32);

                Canvas.SetLeft(ZoomLabel, x + currnetRectang.Width);
                Canvas.SetTop(ZoomLabel, y + currnetRectang.Height);             
            }
        }
        private void ZoomSelectRectang(Point CurPos)
        {
            double offsetX = (CurPos.X - mouseXY.X);
            double offsetY = (CurPos.Y - mouseXY.Y);
            mouseXY = CurPos;
            double x = Canvas.GetLeft(currnetRectang);
            double y = Canvas.GetTop(currnetRectang);     
            if(currnetRectang.Width+offsetX>RectMinSize)
                currnetRectang.Width += offsetX;
            if (currnetRectang.Height + offsetY > RectMinSize)
                currnetRectang.Height += offsetY;
            currnetRectang.Width = currnetRectang.Width < RectMinSize ? RectMinSize : currnetRectang.Width;
            currnetRectang.Height = currnetRectang.Height < RectMinSize ? RectMinSize : currnetRectang.Height;

            Canvas.SetLeft(ZoomLabel, x + currnetRectang.Width);
            Canvas.SetTop(ZoomLabel, y + currnetRectang.Height);
        }
        //return 0-未选中 1-内部 2-左右边界 3-上下边界 4-角点
        static int rang = 20;
        private PosMode SelectRect(Point CurPos)
        {
            PosMode bfind = PosMode.Show;
            for (int i = _Canvas.Children.Count - 1; i > 0; i--)
            {
                UIElement uitem = _Canvas.Children[i];
                if (uitem.GetType() == typeof(Rectangle))
                {
                    Rectangle rect = _Canvas.Children[i] as Rectangle;
                    if (rect.Name == "DrawRect")
                    {
                        rect.Stroke = new SolidColorBrush(Colors.Red);
                        Rect roi = new Rect(Canvas.GetLeft(rect), Canvas.GetTop(rect), rect.Width, rect.Height);
                        if (roi.Contains(CurPos))
                        {
                            currnetRectang = rect;
                            rect.Stroke = new SolidColorBrush(Colors.Green);
                            bfind = PosMode.Move;
                            if ((CurPos.X > roi.Right - rang && CurPos.X < roi.Right + rang) &&
                                (CurPos.Y > roi.Bottom - rang && CurPos.Y < roi.Bottom + rang))
                            {
                                bfind = PosMode.Zoom;
                            }
                        }
                    }
                }
            }           
            return bfind;
        }

        private void DeleteLabel_MouseLeftButtonDown(object sender, MouseButtonEventArgs e)
        {
            //删除矩形
            _Canvas.Children.Remove(currnetRectang);               
            
        }

        private void btnZoomUp_Click(object sender, RoutedEventArgs e)
        {
            if (_Scale.ScaleX < 2 && _Scale.ScaleY < 2)
            {
                _Scale.ScaleX += 0.1;
                _Scale.ScaleY += 0.1;
            }
        }

        private void btnZoomDown_Click(object sender, RoutedEventArgs e)
        {
            if (_Scale.ScaleX > 0.2 && _Scale.ScaleY > 0.2)
            {
                _Scale.ScaleX -= 0.1;
                _Scale.ScaleY -= 0.1;
            }
        }

        private void btnZoomOrigin_Click(object sender, RoutedEventArgs e)
        {
            _Scale.ScaleX = scale;
            _Scale.ScaleY = scale;
            _Scale.CenterX = 0;
            _Scale.CenterY = 0;
            _Translate.X = 0;
            _Translate.Y = 0;
        }
      
        private void _Canvas_MouseLeave(object sender, MouseEventArgs e)
        {
            DeleteLabel.Visibility = Visibility.Collapsed;
            ZoomLabel.Visibility = Visibility.Collapsed;
        }
    }
}

 xmal文件

<UserControl x:Class="Measure.OneImagePanel"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
             mc:Ignorable="d">
    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="*"></RowDefinition>
            <RowDefinition Height="50"></RowDefinition>
        </Grid.RowDefinitions>
        <Border  VerticalAlignment="Center" HorizontalAlignment="Center"  ClipToBounds="True" Grid.Row="0">
            <Canvas x:Name ="_Canvas" MouseLeftButtonDown="canvas_MouseLeftButtonDown" MouseLeftButtonUp="canvas_MouseLeftButtonUp" 
                   MouseRightButtonDown="_Canvas_MouseRightButtonDown" MouseRightButtonUp="_Canvas_MouseRightButtonUp"
                    MouseMove="canvas_MouseMove" Width="800" Height="800" MouseLeave="_Canvas_MouseLeave">
                <Canvas.RenderTransform>
                    <TransformGroup>
                        <ScaleTransform x:Name="_Scale"  ScaleX="1"  ScaleY="1"/>
                        <TranslateTransform x:Name="_Translate" X="0" Y="0"></TranslateTransform>
                    </TransformGroup>
                </Canvas.RenderTransform>
                <Image x:Name="cameraImage" Stretch="Uniform" HorizontalAlignment="Center" StretchDirection="Both"  MouseWheel="Back_img_MouseWheel" />
                <Rectangle x:Name="TempRect" Stroke="Red" StrokeThickness="2" Visibility="Collapsed"/>

                <Label x:Name="DeleteLabel"  Width="32" Height="32" Visibility="Collapsed" 
                       MouseLeftButtonDown="DeleteLabel_MouseLeftButtonDown"  >
                    <Label.Background>
                        <ImageBrush ImageSource="delete.png"/>
                    </Label.Background>
                </Label>
                <Label x:Name="ZoomLabel"  Width="32" Height="32" Visibility="Collapsed" >
                    <Label.Background>
                        <ImageBrush ImageSource="zoom.png"/>
                    </Label.Background>
                </Label>
            </Canvas>
        </Border>
        <StackPanel  Orientation="Horizontal"  VerticalAlignment="Center" HorizontalAlignment="Center"  ClipToBounds="True" Grid.Row="1">
            <Button Name="btnZoomDown"  Click="btnZoomDown_Click" Margin="10,0,10,0" Width="50"  Height="50" >
                <Button.Background>
                    <ImageBrush ImageSource="zoomDown.png"/>
                </Button.Background>
            </Button>
            <Button Name="btnZoomOrigin"  Click="btnZoomOrigin_Click" Margin="10,0,10,0" Width="50"  Height="50" >
                <Button.Background>
                    <ImageBrush ImageSource="zoomOrigin.png"/>
                </Button.Background>
            </Button>
            <Button Name="btnZoomUp"  Click="btnZoomUp_Click"  Margin="10,0,10,0" Width="50"  Height="50" >
                <Button.Background>
                    <ImageBrush ImageSource="zoomUp.png"/>
                </Button.Background>
            </Button>
        </StackPanel>
    </Grid>
</UserControl>

特别说明

  1. 绘图窗口为UserControl控件
  2. 设置图片使用  public void SetImage(BitmapSource bitmapSource)；
  3. 有几张png文件，需外部导入 提取码：k6qpicon-default.png?t=L892https://pan.baidu.com/s/1T68xqRyqEYVf16CRaljfQg
MT_GH
关注
  • 0
    点赞
  • 踩
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
wpf 绘制矩形 可动态调整矩形大小
11-04
WPF工程 可绘制多个矩形 绘制结束后可拖动矩形的四个角 动态改变矩形大小
canvas轨迹回放功能实现
11-26
本文通过json机构，HTML代码以及JS代码详细给大家分析了canvas轨迹回放功能实现的过程，以下是全部内容。 json结构 [ { "path": [ { "x": 82, "y": 43 }, { "x": 83, "y": 43 }, { "x": 84, "y": 45 }, { "x": 86, "y": 47 }, {
C# WPF入门学习主线篇（十二）—— Canvas布局容器
weixin_56595425的博客
06-08 694
在《C# WPF入门学习主线篇（十二）—— Canvas布局容器》这篇文章中，我们详细介绍了WPF中的 `Canvas` 布局容器。本文涵盖了 `Canvas` 的基本概念、常见属性以及使用方法，通过具体的示例代码，展示了如何精确控制控件的位置。此外，还讨论了 `Canvas` 布局容器的优缺点，帮助读者在实际开发中做出更好的布局选择。
WPF PathListBox轨迹旋转动画 椭圆轨迹动画 椭圆运动
05-05
运用WPF .netFrameWork4.0出的新功能，PathListBox分布物体，制作出这些物体一起按照这个椭圆的轨迹运动的动画，关于PathListBox的属性用法，大家自己Baidu一下。
WPF动态在画布（Canvas）上画一个矩形。
m0_38036750的博客
01-06 5391
应用背景，现在有一个用WPF定义好的画布， <Canvas Name="MapCanvas" Height="{Binding MapTrackCanvasHeight}" Width="{Binding MapTrackCanvasWidth}"> </Canvas> 现在要在这个画布画一个矩形，当然矩形是根据画布大小决定的。 需要引用的文件 using System.Windows; us
快速入行C#+wpf界面源码框架，运动控制路径算法总结，分享控件+模板源码，适用激光切割、雕刻机等，基于C#和WPF的运动控制路径算法框架——分享控件和模板源码，助你快速入门运动控制领域
最新发布
HwWDposGZUP的博客
06-12 272
C#+wpf界面源码框架，总结运动控制路径算法而写，控件源码+模板源码，分享给想入行的朋友们，引你快速入行，大神略过,可用于激光切割，雕刻机，分板机，点胶机，插件机等，本模板主要考虑到各运动控制硬件不同，视觉应用功能（应用视觉软件）也不同，所以只开发各路径编辑功能，除此功能外请自行添加。2：用运动轴坐标画点，线，圆，圆弧，椭圆，折线，矩形，多边形，工作矩形。3: 鼠标编辑画点，线，圆，圆弧，折线，矩形，多边形，工作矩形。1：鼠标画点，线，圆，圆弧，椭圆，折线，矩形，多边形，工作矩形。
WPF Canvas可视化编程 类型VISIO功能
07-21
wpf Canvas重写可视化流程图配置 类型VISIO功能 VS2013 可编译 有生成exe可参考
WPF流程图制作系列相关基础一
cxu123321的博客
09-29 1907
WPF流程图制作系列相关基础一 2015-11-03 11:27FelixShen 阅读(2397) 评论(1)编辑收藏 WPF流程图制作相关基础一 需求是要通过wpf开发流程图，这个流程图是用户自行拖动配置。 使用过流程图的话，应该大体能想象出流程图拖动配置的样子。这里主要会涉及到的技术知识点就是 wpf拖动相关的知识。 但其实，wpf拖动是有几种不同的实现思路的 方案一 通过相应 鼠标的 mousedown mousemove mouseup等事件 来...
WPF入门教程系列六——布局介绍与Canvas（一）
weixin_33912246的博客
05-30 876
       从这篇文章开始是对WPF中的界面如何布局做一个较简单的介绍，大家都知道：UI是做好一个软件很重要的因素，如果没有一个漂亮的UI，功能做的再好也无法吸引很多用户使用，而且没有漂亮的界面，那么普通用户会感觉这个软件没有多少使用价值。 一. 总体介绍         WPF的布局控件都在System.Windows.Controls.Panel这个基类下面，使用 WPF提供的各种控件在...
WPF详解拖拽功能
Viccj的专栏
04-15 4105
一 官网说明 拖放事件 拖放操作中有两类事件：一类是拖放操作的当前目标上发生的事件，一类是拖放操作的源上发生的事件。 若要执行拖放操作，必须处理这些事件。 通过使用这些事件的事件参数中的可用信息，可以轻松地实现拖放操作。 当前拖放目标上的事件 下表显示在拖放操作的当前目标上发生的事件。 鼠标事件 描述 DragEnter 将对象拖入控件的边界时此事件发生。 此事件的处理程序接收类型为 DragEventArgs 的参数. DragOver 在鼠标指针位于控件的边界内时如果拖动对象则此事
课程设计日志
weixin_43079990的博客
12-31 3414
机械设计开发日志 12-30 组长开会布置任务，安装相关软件 组员 任务 蔡振宇 赵鑫文 刘惠祺 张晓艳 李炯 Markdown Text-to-HTML conversion tool Authors John Luke Markdown将文本转换为 HTML。 链接长方形圆圆角长方形菱形 ...
WPF 实现的画图程序，支持线、矩形、圆、多边形橡皮筋
07-31
WPF 实现的画图程序，支持线、矩形、圆、多边形橡皮筋。用WPF做绘图很好的Demo。原始积分只需要5，CSDN自动修改所需积分，太恶心了，我会定期改回来。
WPF 各Ease动画轨迹预览
08-18
一个小工具(包含源码)，wpf中会用到各种动画效果，本示例可以预览各个Ease的运动轨迹 （BackEase,BounceEase,CircleEase,CubicEase,ElasticEase,ExponentialEase,PowerEase,QuadraticEase,QuarticEase,QuinticEase,SineEase）
WPF InkCanvas绘制矩形和椭圆
08-26
在本文中，我们将深入探讨如何在Windows Presentation Foundation (WPF) 中使用InkCanvas控件来绘制矩形和椭圆。InkCanvas是WPF提供的一种用于手写和绘图的控件，它允许用户使用鼠标或触笔进行自由绘画，并且支持...
canvas绘图任意矩形、多边形
10-19
本教程将深入探讨如何利用Canvas API实现鼠标拖动绘制任意矩形和多边形的功能。 首先，我们需要在HTML文件中创建一个`<canvas>`元素，并设置其id以便于在JavaScript中引用。例如： ```html <!DOCTYPE html> ...
DXF文件读入wpf Canvas显示
10-21
在本文中，我们将深入探讨如何在WPF（Windows Presentation Foundation）环境中使用Canvas控件来显示由AutoCAD生成的DXF（Drawing Interchange Format）文件。DXF是一种通用的矢量图形格式，广泛用于CAD（计算机辅助...
WPF 中Canvas图像缩放和平移
06-02
图像上放一个图元，同时实现缩放和平移操作 缩放操作：使用滚轮实现缩放，缩放原点以鼠标为中心 平移操作：按住鼠标右键，随鼠标平移 缩放和平移时图元和图像的相对位置不变 ...图像显示范围比自身尺寸大
canvas绘制矩形
mb_wusuoweiju的博客
06-29 753
今天自主性地写了一个鼠标事件控制canvas绘制矩形的demo. 感觉通过自己的思路写的demo是蛮好的, 虽然只是60行来代码. 得到了朋友的简单夸奖, 我也很开心, 这个demo肯定是有不足之处的. 望大家多多指教.&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;m...
WPF使用 Gmap.NET 绘制极坐标运动轨迹
qq_39110534的博客
04-09 1539
　　大家好，已经很久没有更新了，今天写一篇关于WPF 使用 Gmap.NET 相关的，网上很多Winform的很**，所以我给Wpf进行一些补充。虽然它已经很久没有更新了，但是也只能用这个了。没别的好选择的，毕竟它也没啥可更新的，也可以理解。 　　使用它之前请Nuget安装一下GMap.NET.Core、GMap.NET.WindowsPresentation 的库。ok 我们直接开始。...
用wpf绘制矩形二维图
05-11
以下是一个简单的 WPF 代码示例，通过使用矩形元素实现绘制矩形二维图： ```xml <Window x:Class="WpfApp1.MainWindow" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" Title="Rectangle Drawing" Height="250" Width="400"> <Canvas> <Rectangle Width="100" Height="50" Fill="Red" Canvas.Top="50" Canvas.Left="50"/> <Rectangle Width="150" Height="75" Fill="Green" Canvas.Top="100" Canvas.Left="100"/> <Rectangle Width="200" Height="100" Fill="Blue" Canvas.Top="150" Canvas.Left="150"/> </Canvas> </Window> ``` 在这个示例中，我们使用 `Canvas` 控件作为容器，并在其中添加了三个矩形元素。每个矩形都有自己的宽度、高度、填充颜色和位置信息，通过设置 `Canvas.Top` 和 `Canvas.Left` 属性来指定它们在容器中的位置。 你可以将这段代码复制到一个新的 WPF 应用程序项目中，并执行该程序来查看绘制的矩形二维图。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值