站长资讯网
HTML5上传视频无法播放以及兼容的解决方法（图）
一、视频无法播放原因分析 1、路径不对 <video width="100%" height="100%" controls="controls"> <sourc...
网页制作 第72页
HTML5编程实战之三-图片文本(txt)拖拽预览实现代码
本文主要用到的知识 HTML5中的File及FileReader接口 源码 <!DOCTYPE html><html><head> <meta http-equiv="Content-...
HTML5编程实战之二-使用动画的形式切换图片代码案例
本文主要用到的知识 本文主要用到了Canvas API中的drawImage方法，下面对此方法略做介绍。 在Canvas API中绘制图像用drawImage方法，这是一个重载方法，定义如下： context.drawImage(i...
HTML5编程实战之一-实现HTML5时钟的示例代码分享
HTML5编程实战之一-实现HTML5时钟的示例代码分享 <!DOCTYPE html><html><head> <meta http-equiv="Content-Type" ...
HTML5 Canvas实战之实现烟花效果的代码案例
1、效果 2、代码解析 （1）requestAnimationFrame requestAnimationFrame是浏览器用于定时循环操作的一个接口，类似于setTimeout，主要用途是按帧对网页进行重绘。 设置这个API的目的是为了让...
HTML5本地存储之localStorage、sessionStorage的具体分析
1、概述 localStorage和sessionStorage统称为Web Storage，它使得网页可以在浏览器端储存数据。 sessionStorage保存的数据用于浏览器的一次会话，当会话结束（通常是该窗口关闭），数据被清空；loc...
HTML5主要新增标签的使用代码分享
HTML5新标签之Canvas详细介绍
1、概述 Canvas 用于在网页展示图像，并且可以定制内容，基本上它是一个可以用JavaScript操作的位图（bitmap）。 Canvas API用于网页实时生成图像，JavaScript通过API来操作图像内容。这样做的优点是：减少...
HTML5新特性之文件和二进制数据的操作
历史上，JavaScript无法处理二进制数据。如果一定要处理的话，只能使用charCodeAt()方法，一个个字节地从文字编码转成二进制数据，还有一种办法是将二进制数据转成Base64编码，再进行处理。这两种方法不仅速度慢，而且容易出错。...
HTML5新特性之跨文档消息传输详解
1、同域限制 所谓“同域限制”是指，出于安全考虑，浏览器只允许脚本与同样协议、同样域名、同样端口的地址进行通信。 2、window.postMessage方法 浏览器限制不同窗口（包括iFrame窗口）之间的通信，除非两个窗口装载的是同一个...
