Canvas 图形编程：从基础到图形编辑器实现 ​

本书系统性地讲解 Canvas 2D 图形编程，从基础 API 到高级图形编辑器功能实现，为阅读 Fabric.js 等图形库源码奠定坚实基础。

🎯 你将学到什么 ​

• Canvas 核心 API - 深入理解绘制、变换、合成等核心概念
• 数学基础 - 矩阵变换、贝塞尔曲线等图形学必备知识
• 对象模型设计 - 类 Fabric.js 的架构实现
• 图形编辑器 - 选择、变换、分组等交互功能
• 性能优化 - 脏矩形、分层 Canvas、离屏渲染等优化技术

📖 开始阅读 ​

👉 从 序言 开始，或者使用左侧导航菜单浏览各个章节。

📚 本书结构 ​

本书共分为 9 个部分，60+ 章节：

1. Canvas 基础入门 - 坐标系统、状态管理、像素操作
2. 图形绘制详解 - 路径、文本、图像处理
3. 样式与视觉效果 - 渐变、阴影、混合模式
4. 坐标变换与矩阵 - 变换原理与矩阵运算
5. 事件与交互 - 事件处理、拖拽、选择框
6. 动画与渲染优化 - 动画循环、脏矩形、分层渲染
7. 对象模型设计 - 架构设计、继承体系、插件系统
8. 图形编辑器核心功能 - 选择、变换、分组、撤销重做
9. 高级主题 - 性能优化、工程化实践、最佳实践

🚀 适合人群 ​

• 前端开发者，希望深入学习 Canvas 图形编程
• 想要阅读 Fabric.js、Konva.js 等图形库源码的开发者
• 需要开发图形编辑器、数据可视化等项目的工程师
• 对图形学和计算机图形学感兴趣的学习者

💡 学习路径建议 ​

1. 基础路径：按章节顺序学习（第 1-4 部分）
2. 实战路径：重点学习第 5-8 部分，边学边做
3. 进阶路径：深入第 9 部分，结合实际项目优化

🔗 相关资源 ​

• MDN Canvas API 文档
• Fabric.js 官方文档
• 本书配套代码仓库

让我们开始这段 Canvas 图形编程的学习之旅吧！