HTML5知识库
最近更新文章
html5 绘制图形
绘制图形不像 SVG,canvas 只支持一种基本形状——矩形,所以其它形状都是有一个或多个路径组合而成。还好,有一组路径绘制函数让我们可以绘制相当复杂的形状。矩形 Rectangles我们首先看看矩形吧,有三个函数用于绘制矩形的: fillRect(x,y,width,height) : Draws a filled rectangle strokeRect(x,y,width,height) : ...
html5 使用图像
Canvas 相当有趣的一项功能就是可以引入图像,它可以用于图片合成或者制作背景等。而目前仅可以在图像中加入文字(标准说明中并没有包含绘制文字的功能)。只要是 Gecko 支持的图像(如 PNG,GIF,JPEG等)都可以引入到 canvas 中,而且其它的 canvas 元素也可以作为图像的来源。 引入图像 Importing images 引入图像只需要简单的两步: • 第一当然是来源图片,不是 ...
html5 本地存储
HTML5本地存储初探(二)完成了UI,我们就需要对数据进行处理了。在开始“数据”的本地存储之前,我们先来了解一下client-side database storage API:the client-side database storage API allows web applications to store structured data locally using a medium ma ...
使用HTML5语义元素(Using HTML5 semantic elements today)
本文翻译自Nicholas C. Zakas的博文Using HTML5 semantic elements today.限于个人能力有限,翻译的定有不妥之处,欢迎板砖,请不要留情。翻译的过程中感谢谷歌翻译和有道词典。 原文地址: http://www.nczonline.net/blog/2011/03/22/using-html5-semantic-elements-today/ 使用 ...
HTML5 WebSocket 示例
我们通过一个简单的例子来熟悉 HTML5 WebSocket。该例子服务端从 0 开始每秒递增一个整数并发送给客户端浏览器显示。准备:Jetty 7 ,Java Web 开发环境,Chrome 4+ 服务端 Java 代码:final public class CounterSocketServlet extends WebSocketServlet { @Override protected ...
html5 拖拽
HTML5拖拽文件以及显示文件 利用支持HTML5(具体是拖拽API和File API)的浏览器拖拽图片/音频文件到浏览器窗口指定区域来看到预览(还未上传),需要了解的知识主要是拖拽API,和通过拖拽事件获得File之后,对File进行相关信息读取。在HTML5出现之前读取文件信息操作往往是通过后台来实现,现在浏览器也具有了这样的能力,就能提供更好的用户体验。需要的知识大概如下: (拖拽事件 AP ...
html5特性检测
//canvas var myCanvas = document.createElement("canvas"); if (!!myCanvas.getContext) { //alert('support canvas api'); } else { //alert('no support canvas api'); } //canvas fileText ...
HTML5 初体验
Here is my understanding of html5 and its potentials - that openvarious possibilities for our brand-new product html5 client.These slides shared by Ricardo summarized the best:http://slides.html5rocks. ...
[转] [HTML5] HTML5开发入门--第1回 何为HTML5?
http://bbs.9ria.com/thread-80129-1-1.html 第1回 何为HTML5?最近经常会看到“HTML5”一词吧。本系列就是学习HTML5基础知识的入门连载,包含了JavaScript的API、CSS3、SVG等内容,定叫你耳目一新。文中会讲解到“使用HTML5能干什么?”、“要实现它,需要写怎么样的代码?”等问题。 HTML5包含哪些内容? 近来,“HTML5”一 ...
html5画坐标
<script type="text/javascript"> //draw rect on canvas (support IE9,chrome,firefox) //绘制一个矩形。并使用fillStyle来填充,默认为黑色 function canvasOperator() { var myCanvas = document.getElementByI ...
我是 Html5 控
发表于 Html5专题小组的文章中我叙述了我是Html5控的主题!希望大家踊跃参加! www.mhtml5.com 也在sian建了一个微群叫做 我是Html5控 http://q.weibo.com/871168 有意的可以去看看!!!
HTML5设计原则
HTML5设计原则 这是我刚在Html5专题小组上发表的一片文章,主要讲述了HTML5设计原则,有兴趣的可以去看看!! www.mhtml5.com 我是Html5“控” 我刚写了几篇文章,有兴趣的可以去看看 www.mhtml5.com 我刚建了一个 我是Html5“控”的sina 微群,有志者可以加入,大家还忙于Android的开发当中?http://q.weibo.com/871168
html5 视频
#拥抱HTML5#精彩视频推荐:薛良斌(布丁)@iamhlb的演讲视频http://t.cn/hdU92Y @磊友赵霏演讲视频:http://t.cn/hdUKU5 @大城小胖魏子钧的演讲视频:http://t.cn/hdU9HO Jeremy Keith的演讲:http://t.cn/hdUaS2 更多精彩视频尽在http://t.cn/hdUlD3
HTML5和CSS3
跟<div>说再见,欢迎语义化标签 曾经,设计师们经常会跟频繁使用基于table的没有任何语义的布局。不过最终还是要感谢像Jeffrey Zeldman和Eric Meyer这样的思想革新者,聪明的设计师们慢慢的接受了相对更语义化的<div>布局替代了table布局,并且开始调用外部样式表。但不幸的是,复杂的网页设计需要大量不同的标签结构代码,我们把它叫做“<div& ...