HTML5之HTML元素扩展(下)—增强的Form表单元素值得 关注热度:77

在HTML5增强的元素中，最值得关注的就是表单元素;在HTML5中，表单已经做了重大的修整，一些以前需要通过JavaScript编码实现的功能现在无需编码就可轻松实现,感兴趣的朋友可以详细了解..[详情]

HTML5之HTML元素扩展(上)—新增加的元素及使用概述 关注热度:64

HTML5中加入了全新的结构型元素，例如页眉header，页脚footer，导航nav，内容article，章节section等除了这种整个页面的结构型元素，html5也加入了块级别的语义元素,感兴趣的朋友可以了解下..[详情]

突袭HTML5之Javascript API扩展5—其他扩展(应用缓存 关注热度:62

前面已经总结了主要的API扩展(应用缓存/服务端消息/桌面通知),下面的几个只有在特定的场合才能发挥它的潜质，无一例外，IE均不支持,桌面通知目前只有Chrome支持,感兴趣的朋友可以了..[详情]

突袭HTML5之Javascript API扩展4—拖拽(Drag/Drop)概述 关注热度:65

拖拽(Drag/Drop)是个非常普遍的功能,可以抓住一个对象，并且拖动到你想放置的区域;在HTML5中，拖拽(draganddrop)成为了标准操作，任何元素都支持。正因为这个功能太普遍了，所有的主流浏..[详情]

突袭HTML5之Javascript API扩展3—本地存储全新体验 关注热度:58

存储数据在客户端可以解决很多的问题和减少不必要的传输数据: 能保存程序的状态/ 能缓存数据/能保存用户的喜好等等以前的做法是很繁笨的，接下来将详细介绍感兴趣的朋友可以了解..[详情]

突袭HTML5之Javascript API扩展2—地理信息服务及地理 关注热度:71

在HTML5中，加入了新的地理位置API用来确定和分享地理位置。这一类服务就是企业利用某点(例如用户所在的位置)坐标附近的区域提供服务的信息，比如常见的地图相关服务,本文详细介绍..[详情]

突袭HTML5之Javascript API扩展1—Web Worker异步执行及 关注热度:63

HTML5 中的 Web Worker 可以分为两种不同线程类型，一个是专用线程 Dedicated Worker，一个是共享线程 Shared Worker。两种类型的线程各有不同的用途,感兴趣的朋友可以了解下啊，或许对你有所帮..[详情]

HTML5之SVG 2D入门13—svg对决canvas及长处和适用场景 关注热度:71

到目前为止，SVG与Canvas的主要特性均已经总结完毕了,现在，我们就来比对一下这两种技术，分析一下它们的长处和适用场景,感兴趣的朋友可以了解下哦，或许对你有所帮助..[详情]

HTML5之SVG 2D入门12—SVG DOM及DOM操作介绍_html5教程技 关注热度:79

由于SVG是html的元素，所以支持普通的DOM操作，又由于SVG本质上是xml文档，所以也有一种特殊的DOM操作，大多称之为SVG DOM,本文将详细介绍下SVG中的DOM操作，感兴趣的朋友可不要错过哦..[详情]

HTML5之SVG 2D入门11—用户交互性(动画)介绍及应用 关注热度:61

SVG拥有良好的用户交互性：SVG能响应大部分的DOM2事件,SVG能通过cursor良好的捕捉用户鼠标的移动等等，感兴趣的朋友可以了解下啊，或许本文对你学习动画有所帮助..[详情]

HTML5之SVG 2D入门10—滤镜的定义及使用_html5教程技 关注热度:69

滤镜称得上是SVG最强大的功能了，它允许你给图形(图形元素和容器元素)添加各种专业软件中才有的滤镜特效,喜欢特效的朋友可千万不要错过啊。希望本对你有所帮助..[详情]

HTML5之SVG 2D入门9—蒙板及mask元素介绍与应用_ht 关注热度:87

SVG支持多种蒙板特效，使用这些特性，我们可以做出很多很炫的效果,喜欢特效的朋友可不要错过哦。至于中文中把mask叫做"蒙板"还是"遮罩"就不去区分了，这里都叫做蒙板吧，希望本文..[详情]

HTML5之SVG 2D入门8—文档结构及相关元素总结_htm 关注热度:85

前面介绍了很多的基本元素，包括结构相关的组合和重用元素，这里主要是对SVG的文档结构中剩下的相关元素简单总结一下，感兴趣的朋友可不要错过哦，然后继续向前领略SVG的其他特..[详情]

HTML5之SVG 2D入门7—SVG元素的重用与引用_html5教程 关注热度:92

前面介绍了很多的图形元素，如果很多图形本身是一样的，需要每次都去定义一个新的么？我们可以重用一些图形吗？这就是本节讲的重点：SVG元素的重用，感兴趣的朋友可以了解下，..[详情]

HTML5之SVG 2D入门6—视窗坐标系与用户坐标系及变 关注热度:118

SVG存在两套坐标系统：视窗坐标系与用户坐标系。默认情况下，用户坐标系与视窗坐标系的点是一一对应的，记下来介绍下坐标与变换,感兴趣的朋友可以了解下啊，或许对你有所帮助..[详情]

HTML5之SVG 2D入门5—颜色的表示及定义方式_html5教 关注热度:119

SVG和canvas中是一样的，都是使用标准的HTML/CSS中的颜色表示方法，这些颜色都可以用于fill和stroke属性,接下来介绍下颜色的表示及定义方式感兴趣的朋友可以了解下，或许对你有所帮助..[详情]

HTML5之SVG 2D入门3—文本与图像及渲染文本介绍_ 关注热度:80

SVG的强大能力之一是它可以将文本控制到标准HTML页面不可能有的程度，而无须求助图像或其它插件,尽管SVG的文本渲染如此强大，但是还是有一个不足之处：SVG不能执行自动换行,接下来..[详情]

HTML5之SVG 2D入门2—图形绘制(基本形状)介绍及使用 关注热度:74

SVG提供了很多的基本形状，这些元素可以直接使用，这一点比canvas好多了，在这里就不多说了，感兴趣的朋友可以了解下，或许本文对你的了解SVG的图形绘制有所帮助..[详情]

HTML5之SVG 2D入门1—SVG(可缩放矢量图形)概述_html 关注热度:78

可缩放矢量图形(Scalable Vector Graphics，简称SVG)是一种使用XML来描述二维图形的语言(SVG严格遵从XML语法),SVG 功能集包括嵌套转换、剪切路径、alpha 蒙板和模板对象,感兴趣的朋友可以了解下..[详情]

HTML5之SVG 2D入门4—笔画与填充_html5教程技巧_ 关注热度:109

颜色处理，也就是填充和边框效果；你会发现这里的内容与canvas基本上是一致的。这些属性既可以以属性的形式写在元素中，也可以以CSS的形式保存,这是与canvas不一样的地方..[详情]

利用html5 canvas破解简单验证码及getImageData接口应 关注热度:92

：HTML 5中的canvas有个接口getImageData可以用来从验证码图像中取得像素数据。每一个像素有对应r,g,b,a四个值，r,g,b是红绿蓝三色，a是透明度;观察了一下，接下来说下思路及实现代码，感兴..[详情]

利用HTML5中Geolocation获取地理位置调用Google Map A 关注热度:169

本小菜刚开始学习HTML5，现在对其中的Geolocation颇感兴趣，结合Google Map的API实现基本的地图定位功能主要是由以下几个步骤：获取当前地理位置、调用Google Map API获取当前位置信息..[详情]

Html5游戏开发之乒乓Ping Pong游戏示例(三)_html5教程 关注热度:73

我们已经用jQuery初始化了球拍。现在我们做一个如何使用jQuery安置游戏元素,用网格背景来检查我们游戏的元素位置的实验，感兴趣的朋友可以了解下，祝大家游戏开发快乐..[详情]

Html5游戏开发之乒乓Ping Pong游戏示例(二)_html5教程 关注热度:67

我们已经准备就绪，是时候创建PingPong游戏了1、我们将继续我们的jQuery安装示例，在编辑器里打开index.html2、然后，在body里用DIV节点创建游戏平台，在游戏平台中有2个拍子和一个球,闲话..[详情]

Html5游戏开发之乒乓Ping Pong游戏示例(一)_html5教程 关注热度:60

它是一款乒乓游戏，有2个玩家使用一个键盘比赛;在这一章节我们将:1.准备开发工具2.建立我们的第一个游戏-Ping Pong 3.学习使用Jquery JavaScript库做基本定位 4.获取键盘输入..[详情]

HTML5中Canvas与SVG的画图原理比较_html5教程技巧_ 关注热度:105

canvas 与 SVG都能够使你在浏览器中画图，但它们的基本原理不同,接下来将对canvas 与 SVG的画图原理进行介绍，感兴趣的朋友可以了解下..[详情]

html5 svg 中元素点击事件添加方法_html5教程技巧 关注热度:74

最近在用svg的点击事件做东西，之所以用svg而不用canvas就是因为svg内的元素可以添加点击事件，接下来详细介绍添加方法，感兴趣的朋友可以了解下..[详情]

html5 Canvas画图教程(11)—使用lineTo/arc/bezierCurveTo画 关注热度:81

canvas中根本没有画椭圆的方法，我们要用其他方法来模拟,我们首先要明确画一个椭圆需要那些参数，基本的几何知识告诉我们，椭圆需要圆心坐标，宽度，高度——或者还有旋转角度..[详情]

html5 Canvas画图教程(10)—把面拆成线条模拟出圆角 关注热度:83

上一篇文章我讲了画矩形和圆形的方法，他们都有原生的canvas绘图函数可完成。而本文讲的圆角矩形则只有通过其他方法模拟出来,我们动用把面拆成线条的能力，很容易就能发现圆角矩..[详情]

html5 Canvas画图教程(9)—canvas中画出矩形和圆形_ 关注热度:69

本文讲一下在canvas中画出矩形和圆形的办法，他们属于基础图形。当然，基础图形本来不止他们，但在canvas中，只有画矩形与圆形不需要用其他方法模拟,感兴趣的朋友可以了解下..[详情]