HTML5及CSS3web前端开发技术习题答案解析

01:47.375 --> 01:50.627 奔驰的骏马越过山涧

01:50.627 --> 01:54.109 清澈的河水映着你的脸

01:54.109 --> 01:58.011 就像晚霞惹人留恋

01:58.011 --> 02:01.818 你带我飞驰在草原

02:01.818 --> 02:05.580 我和你飞翔在蓝天

02:05.580 --> 02:09.340 你送我美丽的格桑花

02:09.340 --> 02:13.080 我送你幸福和祝愿

02:13.080 --> 02:16.818 你带我飞驰在草原

02:16.818 --> 02:20.440 我和你飞翔在蓝天

02:20.440 --> 02:24.364 你我的爱情在草原

02:24.364 --> 02:28.010 草原在你我的心田

02:28.010 --> 02:31.793 你带我飞驰在草原

02:31.793 --> 02:37.715 我和你飞翔在蓝天

02:37.715 --> 02:41.198 你送我美丽的格桑花

02:41.198 --> 02:44.936 我送你幸福和祝愿

02:44.936 --> 02:48.791 你带我飞驰在草原

02:48.791 --> 02:52.459 我和你飞翔在蓝天

02:52.459 --> 02:56.221 你我的爱情在草原

02:56.221 --> 02:59.982 草原在你我的心田

引用的文件如下：

第六章

1．简答题

（1）使用Canvas API绘图时，直线有几种线帽形态？lineCap属性有哪些取值？分别表示什么含义？

lineCap用于设置或返回线帽（线条的结束端点）样式，可以有以下三种取值。 butt：默认属性值，不为直线添加端点 round：为直线添加圆形端点 square：为直线添加正方形端点

（2）Canvas使用什么方法在网页中绘制圆形？其中需要几个参数？每个参数的含义是什么？ Canvas API 使用绘制图形路径来绘制圆形。绘制图形路径时，需要使用绘图上下文对象ctx的arc()方法。该方法的定义如下。

ctx.arc(x,y,radius,startAngle,endAngle,anticlockwise)

其中，x、y分别为绘制圆形的圆心横坐标和纵坐标，radius为圆形半径，startAngle为开始角度，endAngle为结束角度，anticlockwise为是否按逆时针方向进行绘制。

arc()方法通过指定开始角度与结束角度，除了可以用来绘制圆形，还可以绘制圆弧，这两个角度就决定了绘制的弧度。anticlockwise为布尔值参数，参数值为true时，按逆时针绘制；参数值为false时，则按顺时针绘制。

（3）路径创建完成后，为什么要使用图形上下文对象的closePath()方法关闭路径？ 路径创建完成后，使用绘图上下文对象的closePath()方法关闭路径。如果绘制路径时未使用closePath()方法，则绘制出的是没有封闭的路径，除非使用beginPathj()开始新的路径绘制。

（4）Canvas定义颜色值有哪几种方法？

Canvas绘图时，绘图上下文的fillStyle属性与strokeStyle属性用来指定填充的颜色或边框的颜色，颜色定义方法与CSS中颜色定义方法基本相同。下面是定义颜色的各种方法。

颜色名：直接使用颜色的英文名称作为属性值，例如，blue表示蓝色。 #rrggbb：用一个6位的十六进制数表示颜色，例如，#0000FF表示蓝色。

#rgb：是#rrggbb的一种简写方式，例如，#0000FF可以表示为#00F，#00FFDD表示

为#0FD。

rgb(rrr,ggg,bbb)：使用十进制数表示颜色的红、绿、蓝分量，其中，rrr、ggg、bbb都是

0～255的十进制整数。例如，rgb(0,0,0)代表黑色。

rgb(rrr%,ggg%,bbb%)：使用百分比表示颜色的红、绿、蓝分量，例如，rgb(50%,50%,50%)

表示rgb(128,128,128)。

rgba(rrr,ggg,bbb,alpha）：使用十进制数表示颜色的红、绿、蓝分量，alpha表示颜色的透

明度，例如rgba(0,128,0,0.5)表示半透明的绿色。

2．操作题

（1）绘制如图6-28所示星空的效果，其中黑色矩形宽800像素、高400像素，在矩形范围内绘制200颗大小、位置、角度随机的黄色五角星。

图6-28 星空的效果

（3）使用transform和arc方法，绘制如图6-30所示的彩虹效果。

图6-30 彩虹效果