实验8-1:2D图形绘制基础

基于Canvas API · 绘制点/线/圆/矩形/多边形 · 颜色填充 · 线宽控制

绘图工具

颜色选择

操作提示

直线/矩形/圆形:点击起点,拖动到终点松开

多边形:依次点击顶点,双击完成

贝塞尔:点击起点、控制点、终点

自由绘制:按住鼠标拖动

技术原理

• Canvas 2D Context API

• 路径(Path)绘制

• 填充与描边

• 坐标系统

△ 三角形
★ 五角星
心形