首页 理论教育 学习HTML5中的Canvas元素制作丰富Web页面

学习HTML5中的Canvas元素制作丰富Web页面

时间:2023-06-03 理论教育 版权反馈
【摘要】:本章主要介绍HTML5中的画布——canvasAPI,这是一个在网页上画图的编程接口。希望读者能了解并熟练掌握HTML5新增的canvas元素,以此制作出更加丰富多彩、赏心悦目的Web页面。习题一、选择题1.下面用于设定填充图形的样式的是()。A.fillStyleB.strokeStyleC.headerD.以上都是3.在下面颜色值中,()是正确的颜色值。A.&FF0000B.#FFHH00C.#FF00GGD.#FFBB004.开始创建路径的方法是()。A.actB.headC.beginPathD.command5.下面的代码中,表示绘制的是一个顺时针的圆的是()。

学习HTML5中的Canvas元素制作丰富Web页面

本章主要介绍HTML5中的画布——canvasAPI,这是一个在网页上画图的编程接口。本章介绍如何使用canvasAPI绘制各种图形,并在讲解实例的同时对绘制中应用到的各种属性进行了详细的阐述。在讲解完绘制图形以后,本章继续讲解了如何在画布中使用图像。希望读者能了解并熟练掌握HTML5新增的canvas元素,以此制作出更加丰富多彩、赏心悦目的Web页面。

习 题

一、选择题

1.下面用于设定填充图形的样式的是( )。

A.fillStyles B.strokeStyle C.fillStyle D.以上都是

2.下面用于设定图形边框的样式的是( )。

A.fillStyle B.strokeStyle C.header D.以上都是

3.在下面颜色值中,( )是正确的颜色值。

A.&FF0000 B.#FFHH00 C.#FF00GG D.#FFBB00

4.开始创建路径的方法是( )。

A.act B.head C.beginPath D.command

5.下面的代码中,表示绘制的是一个顺时针的圆的是( )。(www.xing528.com)

A.context.arc(100,100,75,0,Math.PI*2,false);

B.context.arc(100,100,75,0,Math.PI*2,true);

C.context.fillStyle’,rgba(255,0,0,0.25),;

D.以上都不正确

二、判断题

1.context.rotate(Math.PI/lO)表示的是旋转180度。 ( )

2.source-in表示的是在原有图形之下绘制新图形。 ( )

三、填空题

1.Math.PI*2表示角度为________度。

2.使用________可以绘制贝塞尔曲线。

免责声明:以上内容源自网络,版权归原作者所有,如有侵犯您的原创版权请告知,我们将尽快删除相关内容。

我要反馈