讲师中心 微信公众号
AI工具推荐 视频效率加速

c#如何使用WPF Canvas绘图_c#WPF Canvas绘图快速上手实战教程

落杰姑娘_4173

落杰姑娘_4173

发布时间:2026-04-16 16:46:06

|

361人浏览过

|

来源于php中文网

原创

Canvas绘图需手动创建Shape对象并添加到Children中;Line用X1/Y1和X2/Y2定义端点,设Stroke和StrokeThickness才可见;Ellipse/Rectangle用Canvas.SetLeft/SetTop定位;Path通过Geometry描述复杂形状;动态绘图需注意复用、Loaded事件及命中测试。

c#如何使用wpf canvas绘图_c#wpf canvas绘图快速上手实战教程

Canvas 绘图不是靠“绑定数据”或“触发事件”自动出来的,而是你主动创建 Shape 对象(比如 Line、Ellipse、Rectangle、Path),设置坐标和样式,再手动加进 Canvas.Children 里。不写代码,XAML 里静态放几个控件,根本算不上“绘图”。

怎么在 Canvas 上画一条线(Line)

最基础的绘图操作,但容易错在坐标理解、笔触不可见、或没加进容器。

  • Line 没有 Fill 属性,必须设 Stroke 和 StrokeThickness,否则什么也看不到
  • X1/Y1 是起点,X2/Y2 是终点——它们是相对于 Line 自身坐标系的,不是 Canvas 坐标;所以通常不需要设 Canvas.Left/Canvas.Top
  • 如果你把 Line 放在 Canvas 里又额外设置了 Canvas.Left="100",那整条线会整体右移 100 像素,起点和终点都偏移
  • 示例代码(后台):
    var line = new Line
    {
        X1 = 20, Y1 = 30,
        X2 = 150, Y2 = 80,
        Stroke = Brushes.Blue,
        StrokeThickness = 2
    };
    canvas.Children.Add(line);

怎么画圆、矩形、椭圆(Ellipse/Rectangle)

这些是 Shape,默认以左上角为原点定位,所以要用 Canvas.SetLeft 和 Canvas.SetTop 控制位置,而不是直接设 Margin 或用 Canvas.Left 这类附加属性(后者对 Shape 无效)。

Markdown Canvas
Markdown Canvas

将Markdown文件转换为美观的HTML页面,适用于Canvas或浏览器查看。用于用户请求渲染、可视化、显示或分享Markdown文件时。

下载
  • Ellipse 和 Rectangle 的宽高由 Width/Height 决定,中心点位置 = Canvas.Left + Width/2、Canvas.Top + Height/2
  • 想画“居中于某点 (cx, cy) 的圆”,别硬算 left/top,直接:
    var circle = new Ellipse { Width = 40, Height = 40, Fill = Brushes.Red };
    Canvas.SetLeft(circle, cx - 20);
    Canvas.SetTop(circle, cy - 20);
    canvas.Children.Add(circle);
  • 如果只设 Width 没设 Height,Ellipse 会塌成一条水平线(高度为 0)

怎么画复杂路径(Path)和缺口圆

当你要画弧、贝塞尔曲线、带缺口的圆、箭头、不规则多边形时,Path 是唯一选择。它靠 Geometry 描述形状,不是靠宽高坐标。

  • 不能直接给 Path.Data 赋字符串,得转成 Geometry:
    var path = new Path();
    path.Data = Geometry.Parse("M 10,10 A 50,50 0 0 1 110,10"); // 圆弧
    path.Stroke = Brushes.Black;
    path.StrokeThickness = 1.5;
    canvas.Children.Add(path);
  • 角度单位是弧度,不是度;Math.PI / 180 是常用转换因子
  • 缺口圆本质是 A(Arc)指令,需计算起始/终止点坐标,还要注意 IsLargeArc 和 SweepDirection 参数,设反了弧就朝反方向弯
  • Path 本身没有位置属性,它的位置由其 Geometry 决定;若要整体平移,得改 Geometry.Transform 或用 Canvas.SetLeft/Canvas.SetTop 移动整个 Path 元素

动态绘图时最容易被忽略的三件事

Canvas 不是 InkCanvas,它不会自动缓存、重绘或响应鼠标拖拽。所有“动态”逻辑都得你亲手控制。

  • 频繁增删 Children 会导致 UI 卡顿,尤其上百个图形时;优先考虑复用对象(如移动 Canvas.SetLeft 而非反复 Add/Remove)
  • Canvas.ActualWidth 和 ActualHeight 在控件未加载完成前是 0,用它们算坐标一定会出错;务必监听 Loaded 或 SizeChanged 事件后再初始化绘图
  • Canvas 不处理 Z 轴点击穿透,如果多个 Shape 重叠,上层元素会拦截鼠标事件;需要交互时,要么设 IsHitTestVisible="False" 让点击透下去,要么手动遍历 Children 做命中测试

热门AI工具

更多
切问学术

切问学术是一款AI论文写作工具,复旦大学NLP团队推出的AI学术智能体。

豆包大模型

豆包大模型是一款由字节跳动推出的企业级大语言模型服务平台。

DeepSeek

DeepSeek是一款面向对话、写作、编程和推理场景的AI大模型工具。

PixPix
PixPix Hot

PixPix是一款面向电商视觉生产的AI商品图生成工具。

UpDream
UpDream Hot

一款AI视频创作工具,主要用于哔哩哔哩推出的自研AI视频创作工具,适合需要提升相关任务效率的用户。

SkildArt
SkildArt Hot

SkildArt是一款AI文本写作工具,一站式 AI 视觉创作平台。

超级麦吉

一款通过数字员工协作完成调研、数据分析与文档制作的AI办公平台。

WorkBuddy

一款AI办公效率工具,主要用于腾讯云推出的AI原生桌面智能体工作台,适合需要提升相关任务效率的用户。

讯飞绘文

讯飞绘文是一款由科大讯飞推出的一站式 AIGC 内容运营平台。

相关专题

更多
c#是什么意思
c#是什么意思

C#是一种通用的面向对象编程语言,它在.NET框架上运行,可用于开发各种类型的应用程序。本专题为大家提供c#相关的各种文章、以及下载和课程。

1092

2023.08.08

什么是c#
什么是c#

C#(读作C Sharp)是一种现代的、通用的、面向对象的编程语言。它由微软公司开发,于2000年首次发布,主要用于开发Windows桌面应用程序、Web应用程序、移动应用程序以及游戏开发等领域。C#是一种类型安全和托管的编程语言,它结合了C++的强大性能和C语言的简单易学特点,并引入了许多新的特性和概念,如委托、属性、泛型和异步编程等,以提高开发效率和代码可维护性。

3151

2023.08.31

C#中base关键字的用法
C#中base关键字的用法

在C#中,base关键字用于访问当前类的基类成员,这包括基类的字段、属性、方法、构造函数、索引器以及事件。想了解更多C#的相关内容,可以阅读本专题下面的文章。

905

2024.03.13

C#Task用法
C#Task用法

Task在C#中是用于表示异步操作的对象,它位于System.Threading.Tasks命名空间中。想了解更多C#中各种用法的相关内容,可以阅读本专题下面的文章。

2655

2024.03.14

C# 并发与异步编程
C# 并发与异步编程

本专题系统讲解 C# 异步编程与并发控制,重点介绍 async 和 await 关键字、Task 类、线程池管理、并发数据结构、死锁与线程安全问题。通过多个实战项目,帮助学习者掌握 如何在 C# 中编写高效的异步代码,提升应用的并发性能与响应速度。

332

2026.02.03

C# 多线程与异步编程
C# 多线程与异步编程

本专题深入讲解 C# 中多线程与异步编程的核心概念与实战技巧,包括线程池管理、Task 类的使用、async/await 异步编程模式、并发控制与线程同步、死锁与竞态条件的解决方案。通过实际项目,帮助开发者掌握 如何在 C# 中构建高并发、低延迟的异步系统,提升应用性能和响应速度。

429

2026.02.06

C# ASP.NET Core微服务架构与API网关实践
C# ASP.NET Core微服务架构与API网关实践

本专题围绕 C# 在现代后端架构中的微服务实践展开,系统讲解基于 ASP.NET Core 构建可扩展服务体系的核心方法。内容涵盖服务拆分策略、RESTful API 设计、服务间通信、API 网关统一入口管理以及服务治理机制。通过真实项目案例,帮助开发者掌握构建高可用微服务系统的关键技术,提高系统的可扩展性与维护效率。

631

2026.03.11

C# Unity游戏开发与ECS架构实践
C# Unity游戏开发与ECS架构实践

本专题聚焦 C# 在 Unity 游戏开发中的应用,系统讲解 ECS(Entity-Component-System)架构设计、游戏对象管理、性能优化与内存控制策略。通过实际游戏案例,帮助开发者构建高性能、结构清晰的游戏系统,提高游戏开发效率与运行性能。

329

2026.04.13

Vite 项目如何打包和部署
Vite 项目如何打包和部署

Vite项目打包部署专题汇集生产构建、产物预览、输出目录、资源路径、Nginx与GitHub Pages部署及常见白屏和路由404问题的已审核文章,帮助读者完成上线流程。

60

2026.10.28

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
C++ Core Guidelines
C++ Core Guidelines

共0课时 | 0人学习

C++ Reference
C++ Reference

共0课时 | 0人学习

C++ 官方标准说明
C++ 官方标准说明

共0课时 | 0人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn