在html5中可以使用canvas标签在画布上画图，先直接上代码，这篇文章先简单介绍一下canvas的使用方法，简单画几个圆，矩形，三角形，写字。在代码中均给出了注释，在这里特别强调的一点是：使用canvas画图时有时候必须beginPath和colsePath,但有时不需要，为了防止出现问题，可以在每次重新画一个图时重新开启路径，画完后关闭路径。这些代码是在猎豹浏览器上实现的，有些浏览器可能不支持。[html] view plaincopy <!DOCTYPE html> ...
js1k.com收集了小于1k的javascript小例子，里面有很多很炫很酷的游戏和特效，今年规则又增加了新花样，传统的classic类型基础上又增加了WebGL类型，以及允许增加到2K的++类型，多次想尝试提交个小游戏但总无法写出让自己满意还能控制在这么小的字节范围。自己写不出来，站在巨人肩膀总是有机会吧，想起《基于HTML5的电信网管3D机房监控应用》这篇提到的threejs，babylonjs和Hightopo的几种基于WebGL的3D引擎，突然想挑战下自己实现...
canvas介绍及使用方法一、canvas简介 ?<canvas> 是 html5 新增的，一个可以使用脚本(通常为 javascript) 在其中绘制图像的 html 元素。它可以用来制作照片集或者制作简单的动画，甚至可以进行实时视频处理和渲染。 ?它最初由苹果内部使用自己 macos x webkit 推出，供应用程序使用像仪表盘的构件和 safari 浏览器使用。后来，有人通过 gecko 内核的浏览器 (尤其是 mozilla和firefox)，opera 和 chrome 和超文本网络应用技术工作...
前言 随着浏览器的发展 HTML5+CSS3 的使用也越来越广泛，一直想学这个，想学那个折腾下来几乎没学到什么东西。工作经验告诉我，要掌握一门技术，就需要在项目中去磨练，所以我就准备开发一个手机端的BBS练练手，技术更新快，也要学的快，跟的上时代，才涨的了工资。 技术的选择jQuery Mobile Phone Gap 等都是比较成熟的框架为什么我不用这些框架呢？ 因为我考虑到底层的技术应用和练习 。我的选择是：Html5+css3+angularjs+j...
自己在“上海某985大学”待了四年，有蛮多的不舍。但是终究还是要离开。下面对这几年HTML5的使用做一个总结。总结是一种技术的沉淀。HTML5大家现在很火，它的标准已经出来。在标准还没有成型的时候，相信我们都已经开始使用HTML5的图表和研究HTML5的游戏引擎了。HTML5跨平台和轻量级，这是本人最喜欢的一点。虽然期间也考虑过Mono.大二（2009年）就开始使用HTML4.0,哪个时候为“页面动画效果、浏览器的兼容性、分辨率的设置”吐了多...
HTML5 视频和音频的 DOM 参考手册HTML5 DOM 为 <audio> 和 <video> 元素提供了方法、属性和事件。这些方法、属性和事件允许您使用 JavaScript 来操作 <audio> 和 <video> 元素。HTML5 Audio/Video 方法方法描述addTextTrack()向音频/视频添加新的文本轨道canPlayType()检测浏览器是否能播放指定的音频/视频类型load()重新加载音频/视频元素play()开始播放音频/视频pause()暂停当前播放的音频/视频HTML5 Audio/Video 属性属性描述au...
DocumentHTML4文档声明 : <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">HTML5文档声明 :<!DOCTYPE html>HTML4 meta : <meta http-equiv="Content-type" content: text/html" charset="UTF-8">HTML5 meta :<meta charset="UTF-8">HTML5 新增元素<header> 元素：header元素表示页面中的一个内容区块或者整个页面的标题。<nav> 元素：nav元素表示页面中的导航链接部分。<...
HTML5 留给我印象最深的之一就是 Video 标签了，毕竟之前在被 Flash 统治下确实非常难受，现在使用 HTML5 播放器别提多爽了。 但是，我对视频这块了解真的并不是很深，于是稍微研究了下。预备知识最近几年 HTML5 这个词越来越流行，但是别以为 HTML5 最近几年才开始出现，引用 WIKI 上的话：HTML 5 草案的前身名为 Web Applications 1.0，是在 2004 年由网页超文本技术工作小组（WHATWG）提出. 再于 2007 年获 W3C 接纳，并成立了新...
html5太强大了，新功能我就不废话了。看下一个geolocation的实例吧应用geolocation获取用户的地理位置（原文链接http://www.ibm.com/developerworks/cn/web/1208_wangjian_html5geo/index.html） 1<!DOCTYPE html> 2<head> 3<meta charset="utf-8"> 4<title>HTML5 Geolocation距离跟踪器</title> 5</head> 6 7<body onload="loadDemo()"> 8 9<h1>HTML5 Geolocation距离跟踪器</h1> 10 11<p id="status">该浏览器不支持HTM...
代码实例： <!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>画时钟</title><style>#c{background: white;}</style><script>window.onload=function() {var Canvas=document.getElementById(‘c‘);var ctx=Canvas.getContext(‘2d‘);function toDraw() {var x=200;var y=200;var r=150;ctx.clearRect(0,0,Canvas.width,Canvas.height);var oDate= new Date();var oHours=oDate.getHours();var oMin=oDat...
HTML标准自1999年12月发布的HTML4.01后，后继的HTML5和其它标准被束之高阁，为了推动Web标准化运动的发展，一些公司联合起来，成立了一个叫做 Web Hypertext Application Technology Working Group （Web超文本应用技术工作组 -WHATWG） 的组织。WHATWG 致力于 Web 表单和应用程序，而W3C（World Wide Web Consortium，万维网联盟） 专注于XHTML2.0。在 2006 年，双方决定进行合作，来创建一个新版本的 HTML。HTML5草案的前身名为 ...
语义化定义：关注语言本质含义的语言学和逻辑学分支学科对于代码本身，任何用户代理（网页浏览器、屏幕阅读器、搜索引擎爬虫）并不能理解其意义(div,table）等html5增加语义化标签用以解决这个问题，主要包括：section、nav、artical、aside、hgroup、header、footer、address原文：http://www.cnblogs.com/bluers/p/3589938.html
新增的结构标签 section元素 表示页面中的一个内容区块,比如章节、页眉、页脚或页面的其他部分。可以和h1、 h2……等元素结合起来使用，表示文档结构。例：HTML5中<section>……</section>;HTML4中<div> ……</div>。 article元素 表示页面中一块与上下文不相关的独立内容。比如一篇文章。 aside元素 表示article元素内容之外的、与article元素内容相关的辅助信息。 header元素 表示页面中一个内容区块或真个页面的标题。 hgroup元...
1.音频和视频差不多2.localStorage能永久储存，而sessionStorage退出页面后就被清理了。3.应用缓存，mainfest="demo.appcache"这个属性表示缓存的文件，当demo.appcache这个文件被加载后，浏览器会去服务器加载阿帕奇文件中记载的资源，然后缓存起来，以后重新加载页面就会读取缓存。NETWORK小节下面的东西不能缓存，FALLBACK下面的/html5/ /404.html当离线时就会转到这个页面一旦应用被缓存，它就会保持缓存直到发生下列情况：用户...
学习了Html5的Canvas的使用，和JS创建对象，做了一个贪吃蛇小游戏，来巩固JS面向对象编程和Canvas的用法。Node.js 1/**2 * 格子类,组成贪吃蛇和舞台3*/ 4function Node(x,y){5this.x=x;6this.y=y;7/**8 * 比较两个格子是否重合9*/10this.equals=function(x,y){ 11returnthis.x==x&&this.y==y; 12 } 13 }Snake.js 1/*定义全局变量UP，表示方向向上*/ 2var UP=0;3/*定义全局变量LEFT，表示方向向左*/ 4var LEFT=1;5/*定义...