HTML5网页前端设计第3版 教案 第7、8章 HTML5画布API、HTML5媒体API.docx

《HTML5网页前端设计》教案

第7章HTML5画布API

一、教学目标：

了解画布的概念和画布坐标系；

掌握画布的创建方法；

掌握绘制路径与矩形的方法；

掌握绘制图片与文本的方法；

掌握设置画笔颜色与样式的方法；

掌握绘画的保存与恢复功能的应用；

掌握图像变形与剪裁的应用。

二、教学重点和难点：

重点：掌握绘制路径、矩形、图片和文本的方法；

难点：掌握图像变形与剪裁的应用。

三、教学方法与手段：

采取互动式教学方法，理论教学使用多媒体投影教室。

四、课程简介：

本章主要介绍HTML5画布API的功能与应用。HTML5画布API主要用于网页上图案或图片的特效处理以及动画效果显示。HTML5画