2. canvas 相关

使用前需要获得上下文环境，暂不支持 3 d

常用 api:

fillRect(x,y,width,height)实心矩形 strokeRect(x,y,width,height)空心矩形

fillText( "Hello world" , 200 , 200 );实心文字 strokeText( "Hello world" , 200 , 300 )空心文字

新标签兼容低版本

ie9 之前版本通过 createElement 创建 html5 新标签引入 html5shiv.js

1. svg和canvas的区别？

canvas时h5提供的新的绘图方法；svg已经有了十多年的历史 canvas画图基于像素点，是位图，如果进行放大或缩小会失真；svg基于图形，用html标签描绘形

状，放大缩小不会失真

canvas需要在js中绘制；svg在html绘制 canvas支持颜色比svg多

canvas无法对已经绘制的图像进行修改、操作；svg可以获取到标签进行操作

1. html5有哪些新特性？

HTML5主要是关于图像，位置，存储，多任务等功能的增加。

拖拽释放(Drag and drop) API 语义化更好的内容标签（header,nav,footer,aside,article,section）

音频、视频API(audio,video)

画布(Canvas) API 地理(Geolocation) API

本地离线存储 localStorage 长期存储数据，浏览器关闭后数据不丢失；

sessionStorage 的数据在浏览器关闭后自动删除表单控件，calendar、date、time、email、url、search

1. 如何处理HTML5新标签的浏览器兼容问题？

IE8/IE7/IE6支持通过document.createElement方法产生的标签，可以利用这一特性让这些浏览器支持 HTML5新标签，当然最好的方式是直接使用成熟的框架、使用最多的是html5shim框架