1.HTML5 新的 DocType是什么？

答案：；

2.HTML5 页面中音频标签，视频标签?

答案：；；

3.HTML5 引入什么新的表单属性？

答案：range,email,number,url,time,week,month,date,datalist,datetime,color

4.HTML5中的datalist是什么？怎么写的?

答案：

HTML5中的Datalist元素有助于提供文本框自动完成特性,写法

5：HTML5中获取画布上下文的js代码

答案：

var canvas = document.getElementById(‘myCanvas‘);

//获取界面canvas标签对象

var ctx = canvas.getContext(‘2d‘);

//获取画布上下文

6.画布中怎么绘制一条直线

答案：

ctx.beginPath();

ctx.moveTo(10,10);

ctx.lineTo(200,100);

ctx.stroke();

7.ctx.beginPath()是什么意思;

答案：起始一条路径，或重置当前路径

8.ctx.moveTo(10,10);是什么意思,两个参数是什么意思?

答案：把路径移动到画布中的指定点，不创建线条,参数对应x,y轴坐标

9.ctx.stroke()和ctx.fill()是什么意思?

答案：一个是绘制路径,相当于只画边框，一个是填充路径

10.用自己的语言描述一下对画布路径的理解,

moveTo,lineTo(),fill(),stroke(),beginPath(),closePath()

答案：

1.首先来说moveTo()方法，相当于你告诉我，把笔移动到哪里，开始画图，这只是一个定点，

lineTo()就是画线到哪个坐标，当然开始点就是moveTo所指定的坐标,lineTo()指定的点就是结束点

2.其次,fill()和stroke()方法相当于最后绘制图形，什么意思呢？也就是路径我们制定了之后，就最后需要画图了，

而fill表示填充，stroke()简单来说就是描边画线

3.beginPath()相当于告诉画布要开始路径了，这里是路径的起点，如果没有这一句，下一次再绘制线条时，会接着上一次的结束位置继续绘制，

closePhath(),关闭路径，如果没有这一句，路径不会自动闭合

11.HTML5中画圆(弧)和画矩形的方法，画圆(弧)的方法有几个参数，分别是什么意思

答案：arc(),rect()；arc(x坐标，y坐标，r半径，0起始地弧度，2*Math.PI结束的弧度，false顺时针|true逆时针)

12.度数转化为弧度的公式

答案：弧度 = 度数 * Math.PI / 180

13.线性渐变，放射性渐变如何实现，说出关键代码

答案：var grd=ctx.createLinearGradient(x0,y0,x1,y1);

var grd= ctx.createRadialGradient();

14.样式，阴影的API

答案：

fillStyle 设置或返回用于填充绘画的颜色、渐变或模式

strokeStyle 设置或返回用于笔触的颜色、渐变或模式

shadowColor 设置或返回用于阴影的颜色

shadowBlur 设置或返回用于阴影的模糊级别

shadowOffsetX 设置或返回阴影距形状的水平距离

shadowOffsetY 设置或返回阴影距形状的垂直距离

grd.addColorStop(stop,color);

15.如果要用到HTML5中的拖拽API，需要给被拖拽的标签什么属性，拖拽的事件有哪些？

答案：draggable；

拖拽对象 :

A.dragstart：当元素拖拽开始触发；

B.drag：在元素拖拽过程中触发；

C.dragend：元素拖拽结束时触发

投放对象：

A.dragenter：当拖拽对象进入投放区时触发；

B.dragover：拖拽对象在投放区内移动时触发；

C.dragleave：拖拽对象没有投放到投放区，离开投放区的 时候触发；

D.drop：拖拽对象投放在投放区时触发。

②注意：dragenter、dragover可能会受到默认事件的影 响，所以我们在这两个事件当中使用 e.preventDefault();来阻止事件默认事件

16.HTML5中视频支持哪三种格式

答案：ogg,mpge4,webM

17：HTML5中音频支持哪三种格式

答案：ogg,mp3,wav

18.能否将视频放到画布上播放？

答案：能，使用video的播放事件，当视频播放的时候，在画布上使用setInterval不断的画出当前视频帧数的图片就能播放

19.HTML5本地简单存储有哪两个

答案：localstorage,sessionStorage

20.localstorage,sessionStorage有什么区别？

答案：

A.localStorage ：

localStorage 没有时间限制的数据存储，也就是说， localStorage是永远不会过期的，除非主动删除数据。

数据可跨越多个窗口，无视当前会话，在同一个域中 被共同访问、使用。

B.sessionStorage

针对一个 session 的数据存储，任何一个页面存储的 信息在窗口中同一域下的页面都可以访问它存储的数 据。

每个窗口的值都是独立的，它的数据会因窗口的 关闭而丢失，不同窗口间的sessionStorage是不可以 共享的

21.HTML5 web sql有哪三个核心方法，分别的作用是什么?

答案：

A.openDatabase：这个方法使用现有数据库或新建数据库来创建数据库对象

B.transaction：这个方法允许我们根据情况控制事务提交或回滚

C.executeSql：这个方法用于执行SQL

22.openDatabase有 几个参数 ，分别的是什么意思?

答案：

var dataBase = openDatabase("student", "1.0", "学生表", 1024 * 1024, function () { });

A.数据库名称。

B.版本号 目前为1.0。

C.对数据库的描述。

D.设置数据的大小。

E.回调函数(可省略)

23.本地存储localstorage和cookies之间的区别是什么？

答案：

Cookies

客户端/服务端: 客户端和服务端都能访问数据。Cookie的数据通过每一个请求发送到服务端

大小: 每个cookie有4095byte

过期: Cookies有有效期，所以在过期之后cookie和cookie数据会被删除

Local storage

客户端/服务端: 只有本地浏览器端可访问数据，服务器不能访问本地存储直到故意通过POST或者GET的通道发送到服务器

大小: 每个域5MB

过期:没有过期数据，无论最后用户从浏览器删除或者使用Javascript程序删除，我们都需要删除

24.画布的缩放，平移，旋转的方法分别是什么?

答案：scale(),translate(),rotate()

25.在使用画布的矩阵方法(缩放平移旋转方法)的时候应该注意什么?

答案：

A.变换基点的问题(当图形变化的时候是以谁为基准点)

B.变换方法影响范围的问题(当使用了变换方法，会对哪些图形有影响)

C.保存和恢复状态的问题(如何只变换某个图形，而使的其他的图形保持原有的样式)

D.如何消除变形记忆的问题

E.关于清除画布的问题

26.transform()方法一共有几个参数，这些参数怎么使用

答案：

六个

1，4表示缩放

2，3表示斜拉

5，6表示平移

1，2，3，4以cos,sin,-sin,cos方式传入 表示旋转

27.图像绘制的API

答案：drawImage()

28：globalCompositeOperation属性是什么意思？

答案：图像合成，设置或返回如何将一个源(新的)图像绘制到目标(已有)的图像上。

29.像素操作常用到的API？

答案：createImageData(),getImageData(),putImageData()

原文：http://www.cnblogs.com/lumeiling/p/HTML5.html