html5

html5的迷人之处

摘要: 移动互联网领域，随着Adobo放弃flash、转投html5以及微软Silveright仅发展到5.0版，注定了html5将成为新的热门，虽然尚需要一段时间。第一，html5是在已有技术基础之上的新版本，上手较苹果、c++容易得多，且性能接近桌面应用。其二，html5只要有个记事本和支持它的浏览器就可以开发、调试和运行，简化了对特定环境的依赖，和诸如编译之类的等待过程。第三，html5不仅可以在支持它的浏览器，包括PC和移动设备，上面跑起来，也可以在桌面上像桌面应该一样跑起来，甚至让你认为它就是桌面应用。第四，无须交费成为商店会员，还要通过认证才能够发布应用，省去很多麻烦。众所周知，应用商..阅读全文

posted @ 2011-12-02 17:00 chuncn| 编辑

HTML Table to JSON 转

摘要: I am updating a tool that allows users to customize a large data table to their needs. It's sort of like a progressive insurance for seminaries in that it helps students compare information on about 30 US seminaries so they can make an informed decision about where to go.My initial approach when阅读全文

posted @ 2011-05-18 23:56 chuncn 阅读(340) | 评论 (0) 编辑

html5之Web Workers示例

摘要: Web Workers使得html5也可以使用类似后台异步化、线程化的操作，让假死、卡不再存在，非常适合httpreqeust/io等操作。示例如下：x.htm<html><head><title>Web Workers</title></head><body><div class="page"><div class="article"><h2 class="topic"><strong id="result&q阅读全文

posted @ 2011-05-16 11:40 chuncn 阅读(360) | 评论 (0) 编辑

html5学习知识五

摘要: HTML5边玩边学（5）：图像、图案和字体一、创建图像对象在 HTML5 中，Image 对象对应着一幅图片，想要获取一个图像对象，有以下几种方法：1) 通过 document.images 集合、document.getElementsByTagName 方法或者 document.getElementById 方法来获取网页内已经存在的图片对象；2) 用 document.getEleme...阅读全文

posted @ 2010-11-22 22:44 chuncn 阅读(0) | 评论 (0) 编辑

htm5学习知识四

摘要: HTML5边玩边学（4）：变幻的色彩在上一节HTML5边玩边学（3）：像素和颜色中我们讲了颜色和像素是怎么回事，其实大多数情况下，我们用不到像素级别的操作，我们只需要对颜色进行整体设置就行了。一、基本颜色在HTML5边玩边学（2）：基础绘图中，我们提到过有两个上下文属性可以用来设置颜色：strokeStyle 决定了你当前要绘制的线条的颜色fillStyle 决定了你当前要填充的区域的颜色颜色...阅读全文

posted @ 2010-11-22 22:42 chuncn 阅读(0) | 评论 (0) 编辑

html5学习知识三

摘要: HTML5边玩边学（3）：像素和颜色提示：建议使用 Chrome 浏览器或者 Firefox 浏览器阅读本文，否则文中的样例程序可能无法看到运行效果。一、理解颜色我们在电脑屏幕上可以看到色彩斑斓的图像，其实这些图像都是由一个个像素点组成的。那么像素是什么？颜色又是什么呢？（如果您提出这两个问题，您一定是个热爱思考的人）一个像素其实对应着内存中的一组连续的二进制位，由于是二进制位，每个位上的取值当...阅读全文

posted @ 2010-11-22 22:38 chuncn 阅读(1) | 评论 (0) 编辑

html5学习知识二

摘要: HTML5边玩边学（2）：基础绘图在前一篇博客中，我们测试了 canvas 标签的用法，并得到了 canvas 标签的渲染上下文对象，但是并没有用它绘制任何图形。在这一篇中，我们先了解一下HTML5绘图的一些基础概念，然后再来画几个图形玩玩。一、坐标系其实只要玩过一点点图形编程的人都知道，电脑上的坐标系和数学上的坐标系稍微有点不同，坐标的原点在绘制区域（这里是Canvas）的左上角，X轴正向朝...阅读全文

posted @ 2010-11-22 22:36 chuncn 阅读(1) | 评论 (0) 编辑

html5学习知识一

摘要: TML5边玩边学（1）：画布一、<canvas>标签Html5 引入了一个新的 <canvas> 标签，这个标签所代表的区域就好象一块画布，你的所有图形绘制最后都要在这块画布上呈现。有了这个标签，浏览器的图形表现力被极大的提升，Flash 和 SilverLight 有没有感到威胁呢?新闻链接：Google声称Chrome7浏览器将提速60倍<canvas>标...阅读全文

posted @ 2010-11-22 22:26 chuncn 阅读(2) | 评论 (0) 编辑

HTML 5 中的新元素--转

摘要: 超文本标记语言（HTML）的开发到 1999 年 HTML 4 就停止了。万维网联盟（W3C）把重点转向将 HTML 的底层语法从标准通用标记语言（SGML）改为可扩展标记语言（XML），以及可缩放向量图型（SVG）、XForms 和 MathML 这些全新的标记语言。浏览器厂商则把精力放到选项卡和富站点摘要（RSS）阅读器这类浏览器特性上。Web 设计人员开始学习使用异步 JavaScript ...阅读全文

posted @ 2010-11-22 22:23 chuncn 阅读(44) | 评论 (0) 编辑

HTML5之Canvas标签简要学习

摘要: HTML5 提供了画布（canvas）标签，通过与Javascript结合使用，可以在网页上绘制图像。Canvas是一个矩形区域，使用Javascript可以控制其每一个像素。本文将对canvas标签进行简要的学习。　　1、canvas标签说明 canvas标签是一个矩形区域，它包含两个属性width和height，分别表示矩形区域的宽和高，这两个属性都是可选的，并且都可以通过css来设定，他们的...阅读全文

posted @ 2010-11-22 21:46 chuncn 阅读(179) | 评论 (0) 编辑

HTML5 Web SQL

摘要: Html5数据库API是以一个独立规范形式出现，它包含三个核心方法： 1、openDatabase：这个方法使用现有数据库或创建新数据库创建数据库对象。2、transaction：这个方法允许我们根据情况控制事务提交或回滚。3、executeSql：这个方法用于执行真实的SQL查询。　　打开数据库　　openDatabase方法可以打开已经存在的数据库，不存在则创建：var db = openDa...阅读全文

posted @ 2010-11-22 21:27 chuncn 阅读(317) | 评论 (0) 编辑

HTML5的新特性及其原生动画示例

摘要: 一、Web Socket 定义了一套API, 允许网页能够使用Web Socket协议来和远程主机进行双工通信。二、Web Storage 定义了一套API, 能够在Web客户端以key-value的形式对数据进行持久化存储。三、Web SQL 定义了一套API, 能够将数据存储在数据库，并使用类似SQL的方式进行查询。四、Web Workers 定义了一套API，能够允许脚本运行于后台，进行类似于后台异步、线程化的操作。五、WebGl 定义了一套API, 能够允许在网页中使用类似于Open GL，实际上是一套基于OpenGL ES 2.0的3d图形API。这些API是通过HTML 5阅读全文

posted @ 2010-11-07 23:27 chuncn 阅读(304) | 评论 (0) 编辑

转 CanvasPaint—基于HTML5的Windows画板

摘要: Windows 画图程序一直伴随着 Windows 各个版本，它“其貌不扬”，几乎没有什么用处的程序拥有最基本的绘图功能，很适合用来涂鸦。HTML5 的 Canvas 对象使在线绘图成为可能，虽然 HTML5 还远未成熟，但很多人已经迫不及待地用它设计一些让人惊叹的应用。　　CanvasPaint 是一个基于 HTML5 的标准 Windows 画图程序，它拥有和 Windows 画图程序一模一样的界面和操作，功能也几乎完全一样，在特定浏览器的支持下，你甚至可以将最后的作品保存到本机。这并不是最近的项目，2006年就有了，因此，目前绝大多数支持标准的浏览器(Firefox、Safari、Chr阅读全文

posted @ 2010-07-29 23:51 chuncn 阅读(106) | 评论 (0) 编辑

春夏秋冬