html5

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

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

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

可缩放矢量图形(Scalable Vector Graphics，简称SVG)是一种使用XML来描述二维图形的语言(SVG严格遵从XML语法),SVG 功能集包括嵌套转换、剪切路径、alpha 蒙板和模板对象,感兴趣的朋友可以了解下，或许对你的html5 SVG 2D知识增长有所

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

SVG的强大能力之一是它可以将文本控制到标准HTML页面不可能有的程度，而无须求助图像或其它插件,尽管SVG的文本渲染如此强大，但是还是有一个不足之处：SVG不能执行自动换行,接下来介绍SVG中渲染文本,感兴趣的朋友可以了解下，或许有所帮助

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

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

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

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

SVG支持多种蒙板特效，使用这些特性，我们可以做出很多很炫的效果,喜欢特效的朋友可不要错过哦。至于中文中把mask叫做

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

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

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

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

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

在HTML5中，加入了新的地理位置API用来确定和分享地理位置。这一类服务就是企业利用某点(例如用户所在的位置)坐标附近的区域提供服务的信息，比如常见的地图相关服务,本文详细介绍下，感兴趣的朋友可以了解下，或许对你有所帮助

本文的内容是关于在html5中如何实现html元素拖拽功能。在html5之前要实现拖拽，需要借助js，现在html5内部就支持了拖拽的功能，但是要实现稍微复杂的功能还是少不了js的帮忙

今天的内容是关于如何操作document对象，一些新手朋友可能对此很陌生，接下来本文详细介绍下，感兴趣的朋友可以了解哦

一个元素可以定义自己的属性，比如a标签定义href属性，这种叫局部属性（local attribute）。相对应的我们可以通过全局属性（global attribute）为所有元素设置共有的行为，当然你也可以为单独元素设置全局属性，只是这样做没有太大的意义