[TOC]
# 图形绘制
## 案例1:绘制直线
![](https://img.kancloud.cn/22/6a/226a198c2160c24c7a127bc867b60507_548x607.png)
## 案例2:绘制矩形
![](https://img.kancloud.cn/8b/35/8b355d49ed7f1244d29db90178bba58e_553x586.png)
## 案例3:绘制圆
![](https://img.kancloud.cn/8e/ab/8eabbb768323f6f48bbfbc5980d9b884_572x541.png)
## 案例4:绘制贝塞尔曲线
![](https://img.kancloud.cn/e6/95/e695b70bad8f1b1d7b2442060fb2b7bf_249x234.png)
## 案例5:绘制线性渐变
![](https://img.kancloud.cn/25/1e/251e73f00aea8d3cc59c3fdad9552668_603x590.png)
![](https://img.kancloud.cn/d9/3f/d93fe13d653876d00def5ef56e10a959_572x575.png)
## 案例6:绘制图形渐变
![](https://img.kancloud.cn/87/07/87070566f817f9ccbe1c1d7e384f59db_538x586.png)
## 案例6:图像绘制
![](https://img.kancloud.cn/3d/32/3d329062b881d3b3baacaf0c980e4a4a_810x522.png)
# 综合案例
## 案例1:绘制国旗
![](https://img.kancloud.cn/b5/aa/b5aac3d8daddc2101c6e703374e86491_634x486.png)
## 案例2:地图放大镜
![](https://img.kancloud.cn/ec/27/ec27c6d8ffb3734cd139e79866c6f34f_597x877.gif)
- 目录
- 1课程介绍
- 2HTML
- 2.1概述
- 2.2常用标签
- 2.3列表标记
- 2.4超链接与图
- 2.5表格
- 2.6表单
- 2.7frameset
- 3CSS
- 3.1样式表
- 3.2选择器
- 3.3样式
- 3.4浮动和定位
- 3.5布局案例
- 3.6CSS3
- 3.7选修
- 4JavaScript
- 4.1JavaScript基础
- 4.2JavaScript变量及函数
- 4.3JavaScript常见对象及操作
- 4.4JavaScript操作DOM&BOM
- 4.5JavaScript事件响应
- 5Ajax
- 5.1Ajax基础
- 5.2Ajax&XML
- 5.3Ajax&JSON
- 6HTML5
- 6.1新标签及媒体
- 6.2Canvas绘图
- 7jQuery
- 7.1jQuery&DOM
- 7.2jQuery&Ajax
- 7.3jQuery动画