《Web交互开发》实验教学指导/实验九:绘 2 要求 请将上述任务的操作方法,填写到实验报告册中。 渐变文字 (1)文字显示如图9-2所示,完成渐变文字的编写如图9-3 我喜欢Web前端我喜欢Web前端 图9-2 fullText字体 图93渐变字体 (3)请完成下面的任务 任务一:编写代码,实现如图92和9-3所示字体效果。(10分) 要求: 请将上述任务的操作方法,填写到实验报告册中。 、图像的裁剪 (1)图像裁剪效果如图9-4所示。 图9-4图像裁剪 (3)请完成下面的任务: 任务一:编写代码,实现如图94所示的图像裁剪效果(20分) 要求 请将上述任务的操作方法,填写到实验报告册中。 六、自主实验步骤(20分) 1、风车动画的实现。 (1)风车效果如图9-5所示。 本讲共计3页|当前第2页《Web 交互开发》实验教学指导 / 实验九 ：绘图 本讲共计 3 页 | 当前第 2 页 要求： 请将上述任务的操作方法，填写到实验报告册中。 2、渐变文字 （1）文字显示如图 9-2 所示，完成渐变文字的编写如图 9-3。 （3）请完成下面的任务： 任务一：编写代码，实现如图 9-2 和 9-3 所示字体效果。（10 分） 要求： 请将上述任务的操作方法，填写到实验报告册中。 3、图像的裁剪 （1）图像裁剪效果如图 9-4 所示。 （3）请完成下面的任务： 任务一：编写代码，实现如图 9-4 所示的图像裁剪效果（20 分）。 要求： 请将上述任务的操作方法，填写到实验报告册中。 六、自主实验步骤（20 分） 1、风车动画的实现。 （1）风车效果如图 9-5 所示。 图 9-4 图像裁剪 图 9-2 fillText 字体 图 9-3 渐变字体