HTML5 Canvas 2D API 规范中文版详解

HTML5 Canvas 2D API 规范 1.0 中文版 HTML5 Canvas 2D API 规范 1.0 中文版是一个详细的规范文档，描述了二维 Canvas 的绘画 API。该规范定义了使用这些 API 在 Web 页面上进行 立即模式的二维图形绘制所需的方法。下面是该规范的详细知识点： **1. 介绍** 本规范描述了立即模式的 API 和为了在光栅风格的绘图区域内绘制 2 维矢量图形所必须的方法。其主要应用是 HTML5 规范定义的 canvas 元素。 **1.1 术语** * 2D：二维 * 3D：三维 * API：编程接口 * Canvas interface element：实现了本规范 **2. CANVAS 接口元素定义** * 2.1 GETCONTEXT() 方法 * 2.2 TODATAURL() 方法 **3. 二维绘图上下文** * 3.1 CANVAS 的状态 * 3.2 转换 (TRANSFORMATIONS) * 3.3 合成 (COMPOSITING) * 3.4 颜色和风格 * 3.5 线风格 * 3.6 阴影 (SHADOWS) * 3.7 简单形状（矩形） * 3.8 复杂形状 (路径 - PATHS) + 3.8.1 路径起始函数 + 3.8.2 绘制函数 + 3.8.3 辅助方法 — 点是否在路径里 + 3.8.4 MOVETO 方法 + 3.8.5 LINETO 方法 + 3.8.6 RECT 方法 + 3.8.7 圆弧 + 3.8.8 最短圆弧 + 3.8.9 二次方、三次方贝塞尔曲线 * 3.9 文字 * 3.10 绘制图片 * 3.11 像素级操作 + 3.11.1 CREATEIMAGEDATA 方法 + 3.11.2 GETIMAGEDATA 方法 + 3.11.3 PUTIMAGEDATA 方法 + 3.11.4 演示例子 * 3.12 绘图模型 **4. 参考资料** 该规范提供了详细的 Canvas 2D API 规范，涵盖了 Canvas 的状态、转换、合成、颜色和风格、线风格、阴影、简单形状、复杂形状、文字、绘制图片、像素级操作等方面的知识点。 该规范为开发者提供了一个详细的指南，指导他们如何使用 HTML5 Canvas 2D API 实现二维图形绘制。