前端期末考试试题及参考答案(05)

Posted 2023-01-31 谷哥的小弟

---

版权声明

• 本文原创作者：谷哥的小弟
• 作者博客地址：http://blog.csdn.net/lfdfhl

---

一、 填空题

1. javascript中在定义变量时，要用______关键字进行局部变量的声明。
2. 布尔类型的数据只有true和______两个值。
3. 对于弱类型语言JavaScript，如果声明变量时不加var该变量将会被识别为______。
4. 使用______标签可以在网页中创建一个矩形区域的画布。
5. JavaScript中，如果已知html页面中的某标签对象的id=“username”，可以用______方法获得该标签对象。

二、 判断题

1. onclick代表当前事件类型为鼠标单击事件。（ ）
2. Canvas画布默认为白色，用户可以自定义颜色。（ ）
3. 当鼠标移到某元素之上时，触发onmouseover事件。（ ）
   4 使用clearRect()方法，可以清除画布上绘制的图像。（ ）
4. 使用Canvas时，依赖JavaScript来完成一系列操作。（ ）

三、选择题

1. 下列选项中，JavaScript的基本数据类型不包括（ ）。
   A. 字符串类型 B. 数组型 C. 数值型 D. 空类型
2. 下列选项中，用于获取 HTML文件的根节点的是（ ）。
   A. documentElement B. rootElement
   C. documentNode D. documentRoot
3. 在Canvas中，用于绘制填充矩形的方法是（ ）。
   A. strokeRect() B. fillRect()
   C. lineTo() D. rect()
4. 在Canvas中，用于清除矩形的方法是（ ）。
   A. clear() B. clearRect()
   C. closeRect() D. close()
5. 下列选项中，关于onload属性描述正确的是（ ）。
   A. 当页面加载完成时触发
   B. 当页面正在加载时触发
   C. 当页面开始加载时触发
   D. 当页面加载图片时触发

四、简答题

1. 请简述使用Canvas绘制过程中beginPath()和closePath()的作用。
2. 请简述什么是Canvas以及使用Canvas绘制图形的步骤。

参考答案

一、 填空题

1. var
2. false
3. 全局变量
4. < canvas>
5. getElementById()

二、 判断题

1. 对
2. 对
3. 对
4. 错
5. 对

三、 选择题

1. B
2. A
3. B
4. B
5. A

四、 简答题

1. 请简述使用Canvas绘制过程中beginPath()和closePath()的作用。
   beginPath()的作用是在绘制新路径时，使得新路径的绘制不会影响原有的路径，顾名思义，closePath()的意思是闭合路径，即将从路径绘制开始的点到绘制结束点，这两个连接起来，形成闭合路径，两个方法是可以单独使用的。
2. 请简述什么是Canvas以及使用Canvas绘制图形的步骤。
   canvas是指HTML5画布，使用canvas可以轻松的在网页中绘制图形、文字、图片等。
   使用canvas绘制图形的基本步骤总结如下：
   （1）创建画布：< canvas></ canvas>
   （2）准备画笔（获取上下文对象）：canvas.getContext(‘2d’);
   （3）开始路径规划：context.beginPath();
   （4）移动起始点：context.moveTo(x, y);
   （5）绘制线(矩形、圆形、图片…)：context.lineTo(x, y);
   （6）闭合路径：context.closePath();
   （7）绘制描边：context.stroke();