网页制作

利用html5 canvas破解简单验证码及getImageData接口应用

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

html5 2022-02-06 40 0 canvas getImageData 验证码"
HTML5之SVG 2D入门4—笔画与填充

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

html5 2022-02-06 45 0 SVG 2D 笔画填充"
HTML5之SVG 2D入门1—SVG(可缩放矢量图形)概述

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

html5 2022-02-06 50 0 SVG 2D"
HTML5之SVG 2D入门2—图形绘制(基本形状)介绍及使用

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

html5 2022-02-06 32 0 SVG 2D 图形绘制"
HTML5之SVG 2D入门3—文本与图像及渲染文本介绍

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

html5 2022-02-06 39 0 SVG 2D 文本图像"
HTML5之SVG 2D入门5—颜色的表示及定义方式

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

html5 2022-02-06 52 0 SVG 2D 颜色表示"
HTML5之SVG 2D入门6—视窗坐标系与用户坐标系及变换概述

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

html5 2022-02-06 35 0 SVG 2D 坐标变换"
HTML5之SVG 2D入门7—SVG元素的重用与引用

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

html5 2022-02-06 50 0 SVG 2D 重用引用"
HTML5之SVG 2D入门8—文档结构及相关元素总结

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

html5 2022-02-06 40 0 SVG 2D 文档结构"
HTML5之SVG 2D入门9—蒙板及mask元素介绍与应用

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

html5 2022-02-06 53 0 SVG 2D 蒙板"
HTML5之SVG 2D入门10—滤镜的定义及使用

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

html5 2022-02-06 44 0 SVG 2D 滤镜"
HTML5之SVG 2D入门11—用户交互性(动画)介绍及应用

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

html5 2022-02-06 40 0 SVG 2D 动画"
HTML5之SVG 2D入门12—SVG DOM及DOM操作介绍

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

html5 2022-02-06 43 0 SVG DOM 2D"
HTML5之SVG 2D入门13—svg对决canvas及长处和适用场景分析

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

html5 2022-02-06 38 0 SVG 2D canvas"
突袭HTML5之Javascript API扩展1—Web Worker异步执行及相关概述

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

html5 2022-02-06 39 0 Web Worker 异步执行"
突袭HTML5之Javascript API扩展2—地理信息服务及地理位置API学习

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

html5 2022-02-06 34 0 地理信息地理位置 API"
突袭HTML5之Javascript API扩展3—本地存储全新体验

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

html5 2022-02-06 36 0 本地存储 Storage"
突袭HTML5之Javascript API扩展4—拖拽(Drag/Drop)概述

拖拽(Drag/Drop)是个非常普遍的功能,可以抓住一个对象，并且拖动到你想放置的区域;在HTML5中，拖拽(draganddrop)成为了标准操作，任何元素都支持。正因为这个功能太普遍了，所有的主流浏览器都支持这个操作,感兴趣的朋友可以了解下，或许对你有所帮助...

html5 2022-02-06 45 0 拖拽 Drag Drop"
HTML5之HTML元素扩展(上)—新增加的元素及使用概述

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

html5 2022-02-06 33 0 html5元素块级别"
HTML5之HTML元素扩展(下)—增强的Form表单元素值得关注

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

html5 2022-02-06 41 0 Form 表单"
HTML5之WebGL 3D概述(上)—WebGL原生开发开启网页3D渲染新时代

WebGL开启了网页3D渲染的新时代，它允许在canvas中直接渲染3D的内容，而不借助任何插件,看到此处是不是感觉特别惊讶啊，WebGL有一个很好的中文教程，就是下面使用参考中的第一个链接，所以这里不再班门弄斧，后面的内容只是简单的总结一下学习的内容,感兴趣的朋友可以了...

html5 2022-02-06 35 0 WebGL 3D 渲染"
HTML5之WebGL 3D概述(下)—借助类库开发及框架介绍

前面我们看到了使用原生的WebGL API开发是多么的累,只因如此大量的WebGL框架被开发出来，这些框架不同程度的封装了创建3D场景的各种要素你可以快速创建需要的3D场景，感兴趣的朋友可以了解下，或许本文对你有所帮助...

html5 2022-02-06 25 0 类库框架"
HTML中fieldset标签概述及使用方法

之前HTML没有好好学，导致以前看到控件组样式感觉很新奇,fieldset> 标签将表单内容的一部分打包，生成一组相关表单的字段,接下来对HTML中fieldset标签的使用进行详细解读，感兴趣的朋友可以了解下，或许对你有所帮助...

html5 2022-02-06 28 0 fieldset 标签"
HTML5中微数据概述及在搜索引擎中的使用举例

HTML5微数据规范是标记内容的一种方式，用于描述特定的信息类型，例如评论、人物信息或活动。微数据使用 HTML 标记(常为 span>或 div)中的简单属性为项和属性指定简要的描述性名称...

html5 2022-02-06 42 0 html5微数据搜索引擎"
html5新增的属性和废除的属性简要概述

HTML5中，在新增加和废除很多元素的同时，也增加和废除了很多属性比如表单相关的属性/链接相关属性是新增的而HTML4中一些属性就被废除掉了，感兴趣的你可以了解下，或许对你学习html5有所帮助...

html5 2022-02-06 34 0 新增属性废除属性"