- 常用属性和方法：
| 方法 |
用途 |
| play() |
播放音视频 |
| pause() |
暂停播放当前的音视频 |
| canPlayType() |
检查指定的音视频格式是否得到支持 |
| 属性 |
用途 |
| autoplay |
媒体加载后自动播放 |
| currentTime |
当前播放的时间，单位秒 |
| duration |
返回媒体的播放总时长，单位秒 |
| ended |
返回当前播放是否结束标志 |
| loop |
是否循环播放 |
| muted |
是否静音 |
| src |
当前音视频源的URL |
| volume |
音量值 |
- Web存储特点
-
userdata：只适用于ie，每个页面只能存储64kb，该域名网站最多存储640kb；
-
cookie：在会话结束时到期，也可以设置时间戳控制到期时长；如果要传到后台读取，key/value需要url编码，通过请求头储存并http请求到后端(浏览器自发的)；大小4kb，不同浏览器个数也有限制；
-
localStorage：存储的值是字符串格式，大小一般在5mb左右，能永久性存储只要开发者不手动删除，会一直存在；
-
sessionStorage：（临时保存同一窗口或标签页)的数据，在关闭窗口或标签页之后将会删除这些数据。seesionStorage的存储方式采用key、value的方式。
- CANVAS是html5提供的新元素<canvas>，而SVG存在的历史要比canvas久远，SVG并不是html5专有的标签，最初SVG是用xml技术（超文本扩展语言，可以自定义标签或属性）描述二维图形的语言。
| CANVAS |
SVG |
| 利用html5 |
利用xml |
| 依赖分辨率 |
不依赖分辨率 |
| 不支持事件处理器 |
支持事件处理器 |
| 文本渲染力弱 |
最合适带有大型渲染区域的应用程序 |
| 可以保存为文件后缀名 .png 或 .jpg |
可以保存为文件后缀名.svg |
| 最合适图像密集型的游戏 |
不适合游戏的应用 |
CANVAS可以看做是一个画布，其绘制出来的图形为标量图，因此，可以在CANVAS中引入jpg或png这类格式的图片，在实际开发中，大型的网络游戏都是用CANVAS画布做出来的，并且CANVAS的技术现在已经相当的成熟。另外，我们喜欢用CANVAS来做一些统计用的图表，如柱状图曲线图或饼状图等。而SVG，所绘制的图形为矢量图，所以其用法上受到了限制。因为只能绘制矢量图，所以SVG中不能引入普通的图片，因为矢量图的不会失真的效果，在项目中我们会用来做一些动态的小图标。但是由于其本质为矢量图，可以被无限放大而不会失真，所以就很适合来做地图。
网友评论