《Web交互开发》实验教学指导/实验八:绘图 《Web交互开发》实验教学指导 实验八:绘图 、实验目的(5分) 1、掌握 canvas绘图的基本概念; 2、掌握使用路径绘制多边形和圆形的方法 3、掌握图形渐变的绘制方法 4、掌握绘制文字的方法 5、掌握在画布中使用图像的方法 二、实验环境(5分) 1、 Windows xP/ Windows7操作系统的计算机 2、局域网网络环境,并且使用固定IP地址。 、实验要求(5分) 1、实现简单留言版的管理 2、完成渐变的文字 3、完成页面的重定向问题; 四、实验原理(5分) 1、 Canvas绘制路径的方法 2、图形渐变的绘制原理 3、文字的绘制原理; 4、画布中图像的使用方法。 五、实验步骤(40分) 1、绘制五角星和圆形。 (1)绘制五角星和圆形,如图8-1-1和8-1-2所示。 图8-1-2半圆形的绘制 图8-1-1五角星 本讲共计6页|当前第1页《Web 交互开发》实验教学指导 / 实验八 ：绘图 本讲共计 6 页 | 当前第 1 页 《Web 交互开发》实验教学指导 实验八：绘图 一、实验目的（5 分） 1、掌握 canvas 绘图的基本概念； 2、掌握使用路径绘制多边形和圆形的方法； 3、掌握图形渐变的绘制方法； 4、掌握绘制文字的方法； 5、掌握在画布中使用图像的方法。 二、实验环境（5 分） 1、Windows XP/Windows 7 操作系统的计算机； 2、局域网网络环境，并且使用固定 IP 地址。 三、实验要求（5 分） 1、实现简单留言版的管理； 2、完成渐变的文字； 3、完成页面的重定向问题； 四、实验原理（5 分） 1、Canvas 绘制路径的方法； 2、图形渐变的绘制原理； 3、文字的绘制原理； 4、画布中图像的使用方法。 五、实验步骤（40 分） 1、绘制五角星和圆形。 （1）绘制五角星和圆形，如图 8-1-1 和 8-1-2 所示。 图 8-1-1 五角星 图 8-1-2 半圆形的绘制