# Canvas图形绘制

使用Canvas API绘制图形并生成图片。触发关键词：Canvas绘制、图形绘制、Canvas图形。

## 执行步骤

### 步骤1：读取相关常识知识
使用 `read_knowledge knowledge_name='svg_standards'`、`read_knowledge knowledge_name='ui_icon_size'`

### 步骤2：读取工作提示词
使用 `read_work work_name='canvas_graphic_drawing'`

### 步骤3：创建画布
使用 `write_text` 创建HTML文件，设置Canvas元素和尺寸。

### 步骤4：获取绘图上下文
编写JS代码获取2D绘图上下文。

### 步骤5：绘制图形
使用Canvas API绘制矩形、圆形、路径等图形元素。

### 步骤6：应用样式
设置填充色、描边色、渐变、阴影等样式效果。

### 步骤7：导出图片
将Canvas内容导出为PNG/JPEG图片。

## 输出成果
1. Canvas绘图HTML文件 / 导出图片

## 失败处理
- 若Canvas不支持，使用Polyfill或降级到SVG方案
- 若导出图片模糊，调整Canvas分辨率和DPR

## 禁止行为
- ❌ 禁止在未设置尺寸的情况下绘制
- ❌ 禁止忽略高DPI屏幕的适配