随笔分类 - Html5
摘要:canvas元素支持绘制任意图片元素:var ctx = document.getElementById("canvas").getContext("2d");if (ctx){ var img = new Image(); img.src = img_url; img.onload = function(){ ctx.drawImage(img, 0, 0, 640, 480); }}我们还可以通过context的getImageData方法获取图像每个像素的数据,但是如果你的img_url和你的页面不是同源的,那么getImageData会导致错误,
阅读全文
摘要:audio video 所具有的属性大致相同1> src2> autoplay (boolean)3> preload none:不预加载 metadata:只加载媒体的原数据(媒体字节数,第一帧,播放列表.持续时间等) auto:预加载4> poster(video) 当视频不可用时,展示代替的图片5> loop (boolean)6> controls 7> width ,height8> error switch (video.error.code) { case MediaError.MEDIA_ERROR_ABORTED: alert(
阅读全文
摘要:<!DOCTYPE html><head><meta charset="UTF-8"><title>fileReader方法示例</title></head><script language=javascript>var result=document.getElementById("result");var file=document.getElementById("file");if (typeof FileReader == 'undef
阅读全文
摘要:<html><head> <title></title> <meta charset=utf-8> <meta name=description content=""> <meta name=viewport content="width=device-width, initial-scale=1"></head><style> #canvas{ width:300px; height:300px; background:orange; font:
阅读全文
摘要:1.>对于article section nav aside元素的使用->article主张独立性->section主张分块性->nav适用于重要链接->aside适用于附属信息,侧边栏2.>对新增元素的使用->无法知道浏览器是否支持新元素,所以需要适用css追加声明.通知浏览器html5新增元素是以块来显示的article,aside,dialog,figure,footer,header,legend,nav,section{display:block;}->ie8之前的浏览器不支持用css来使用这些尚未支持的结构元素的,需要适用javasc
阅读全文
摘要:html5 要解决三个问题1>浏览器之间的兼容性很低2>文档结构不够明确3>web应用程序的功能受到限制html5 相比html4的变化1>doctype声明<!DOCTYPE html>2>指定字符编码html4-> <meta http-equiv="Content-Type" content="text/html;charset=utf-8" >html5-> <meta charset="utf-8">(不能同时使用)3>新增的结构元素->
阅读全文
摘要:在HTML5中,window.navagator对象新增了一个geolocation属性,可以使用Geolocation API 来访问该属性.HTML5Geolocation API的使用方法相当简单。请求一个位置信息,如果用户同意,浏览器就会返回信息,该信息是通过支持HTML5地理定位功能的底层设备提供给浏览器的。位置信息由纬度、经度坐标和一些其他元数据组成,有了这些位置信息就可以构建引人注目的位置感知类应用程序。HTML5 Geolocation API 封装在 navigator.geolocation 属性里,各种接口即是 navigator.geolocation 对象的方法。在使
阅读全文