# draw画布

## 规则（Rules）

# Canvas图形绘制 - 规范

## 1. 代码规范
- 函数命名使用小驼峰（camelCase）
- 变量命名使用小写蛇形（snake_case）
- Canvas上下文变量名使用 `ctx`
- 缩进统一使用2个空格
- 注释使用JSDoc格式

## 2. 禁止行为
- 禁止使用不兼容的Canvas特性
- 禁止在未验证绘制效果前交付

## 方法（Methods）

# Canvas图形绘制 - 方法

## 流程概览
```
分析图形需求 → 编写Canvas绘制代码 → 导出为图片 → 验证效果
```

## 步骤1：分析图形需求
确定图形尺寸、颜色和样式。

## 步骤2：编写Canvas绘制代码
使用Canvas API绘制图形，函数使用JSDoc注释。

## 步骤3：导出为图片
将Canvas内容导出为图片文件保存。

## 步骤4：验证效果
检查生成的代码和图片文件。

## 技巧（Tips）

# Canvas图形绘制 - 技巧

## 1. 分层绘制
将背景、主体、前景分层绘制，便于修改和复用。

## 2. 性能优化
避免在动画循环中执行耗时的Canvas操作。

## 3. 高DPI适配
考虑设备像素比（devicePixelRatio），确保在高DPI屏幕显示清晰。