HTML5之SVG 2D入门1—SVG(可缩放矢量图形)概述
可缩放矢量图形(Scalable Vector Graphics，简称SVG)是一种使用XML来描述二维图形的语言(SVG严格遵从XML语法),SVG 功能集包括嵌HTML5之SVG 2D入门2—图形绘制(基本形状)介绍及使用
SVG提供了很多的基本形状，这些元素可以直接使用，这一点比canvas好多了，在这里就不多说了，感兴趣的朋友可以了解下，或许本文HTML5之SVG 2D入门3—文本与图像及渲染文本介绍
SVG的强大能力之一是它可以将文本控制到标准HTML页面不可能有的程度，而无须求助图像或其它插件,尽管SVG的文本渲染如此强大，但HTML5之SVG 2D入门5—颜色的表示及定义方式
SVG和canvas中是一样的，都是使用标准的HTML/CSS中的颜色表示方法，这些颜色都可以用于fill和stroke属性,接下来介绍下颜色的表示HTML5之SVG 2D入门6—视窗坐标系与用户坐标系及变换概述
SVG存在两套坐标系统：视窗坐标系与用户坐标系。默认情况下，用户坐标系与视窗坐标系的点是一一对应的，记下来介绍下坐标与变换,HTML5中Canvas与SVG的画图原理比较
canvas 与 SVG都能够使你在浏览器中画图，但它们的基本原理不同,接下来将对canvas 与 SVG的画图原理进行介绍，感兴趣的朋友可以Html5游戏开发之乒乓Ping Pong游戏示例(一)
它是一款乒乓游戏，有2个玩家使用一个键盘比赛;在这一章节我们将:1.准备开发工具2.建立我们的第一个游戏-Ping Pong 3.学习使用JqHtml5游戏开发之乒乓Ping Pong游戏示例(二)
我们已经准备就绪，是时候创建PingPong游戏了1、我们将继续我们的jQuery安装示例，在编辑器里打开index.html2、然后，在body里用Html5游戏开发之乒乓Ping Pong游戏示例(三)
我们已经用jQuery初始化了球拍。现在我们做一个如何使用jQuery安置游戏元素,用网格背景来检查我们游戏的元素位置的实验，感兴趣利用HTML5中Geolocation获取地理位置调用Google Map API在Google
本小菜刚开始学习HTML5，现在对其中的Geolocation颇感兴趣，结合Google Map的API实现基本的地图定位功能主要是由以下几个步骤：利用html5 canvas破解简单验证码及getImageData接口应用
：HTML 5中的canvas有个接口getImageData可以用来从验证码图像中取得像素数据。每一个像素有对应r,g,b,a四个值，r,g,b是红绿蓝三HTML5之SVG 2D入门4—笔画与填充
颜色处理，也就是填充和边框效果；你会发现这里的内容与canvas基本上是一致的。这些属性既可以以属性的形式写在元素中，也可以以