HTML5答辩问题总结
1.HTML5 新的 DocType是什么？
答案：<!doctype html>；
2.HTML5 页面中音频标签，视频标签?
答案：<audio></audio>；<video></video>；
3.HTML5 引入什么新的表单属性？
答案：range,email,number,url,time,week,month,date,datalist,datetime,color
4.HTML5中的datalist是什么？怎么写的?
答案：
HTML5中的Datalist元素有助于提供文本框自动完成特性,写法<input list="Country">
<datalist id="Country">
<option value="India">
<option value="Italy">
<option value="Iran">
<option value="Israel">
<option value="Indonesia">
<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()
