-
利用html5 canvas破解简单验证码及getImageData接口应
敝校的教务管理系统(貌似不止我们学校用呢),一到选课时间服务器各种崩不解释,有时为了选个课就要反复输入验证码,一想到千千万万的大学生把时间浪费在输入验证码上面,我...
-
利用HTML5中Geolocation获取地理位置调用Google Map A
本小菜刚开始学习HTML5,现在对其中的Geolocation颇感兴趣,结合Google Map的API实现基本的地图定位功能。 1.获取当前地理位置 调用方法 void getCurrentPosition(onSuccess, onError, options);即可。 其中...
-
Html5游戏开发之乒乓Ping Pong游戏示例(三)
jQuery 介绍 【这部分就不翻了,网上有很多的。如果有不懂的部分找度娘】 用jQuery操作游戏元素 我们已经用jQuery初始化了球拍。现在我们做一个如何使用jQuery安置游戏元素的实验。 动...
-
Html5游戏开发之乒乓Ping Pong游戏示例(二)
Headerandfooter Html5引进了许多新的特性和改进,其中一项就是语义。Html5增加了新的元素来加强语义。我们现在只使用2个,header和footer。header标签定义文档的页眉(介绍信息),footer标签...
-
Html5游戏开发之乒乓Ping Pong游戏示例(一)
在这一章节我们将: 准备开发工具 建立我们的第一个游戏-Ping Pong 学习使用Jquery JavaScript库做基本定位 获取键盘输入 Creating the Ping Pong game with scoring 狼蚁网站SEO优化的游戏截图就是我们...
-
HTML5中Canvas与SVG的画图原理比较
canvas 与 SVG都能够使你在浏览器中画图,但它们的基本原理不同。 SVG SVG是一种在XML中描述二维图形的语言。 SVG是基于XML的,意味着在SVG DOM内每一个元素都是可用的。你可以为每一个元...
-
html5 svg 中元素点击事件添加方法
最近在用svg的点击事件做东西,之所以用svg而不用canvas就是因为svg内的元素可以添加点击事件,他们之间详细的区别如下: (详见) 下表列出了 canvas 与 SVG 之间的一些不同之处。 Can...
-
html5 Canvas画图教程(11)—使用lineTo/arc/bezierCurveTo画
在canvas中可以很方便的用arc方法画出圆形,本来圆形也可以看作是一个宽高相等的椭圆,但canvas中根本没有画椭圆的方法,我们要用其他方法来模拟。 我们首先要明确画一个椭圆需要那...
-
html5 Canvas画图教程(10)—把面拆成线条模拟出圆角
上一篇文章我讲了的方法,他们都有原生的canvas绘图函数可完成。而本文讲的圆角矩形则只有通过其他方法模拟出来。 一个正常的圆角矩形,我们先假设他四个角的圆角弧度一致因为这...
-
html5 Canvas画图教程(9)—canvas中画出矩形和圆形
本文讲一下在canvas中画出矩形和圆形的办法,他们属于基础图形。当然,基础图形本来不止他们,但在canvas中,只有画矩形与圆形不需要用其他方法模拟。 canvas画矩形 1,fillRect与strok...
-
html5 Canvas画图教程(8)—canvas里画曲线之bezierCurv
前面的文章我已经讲了3种在canvas中画曲线的方法:,以及.他们都有一个共同点,就是他们画的曲线都只能偏向一边,今天讲的bezierCurveTo与他们最大的不同点就是有两个控制点,即可以画...
-
HTML5 通信API 跨域门槛将不再高、数据推送也不再
前言 HTML5新增通信相关两个API,跨文档消息传输与WEB Sockets API, 跨文档消息传输功能,可以在不同网页文档,不同端口(跨域情况下)进行消息传递。 使用web sockets api 可以让客户端与...
-
基于HTML5 FileSystem API的使用介绍
HTML5的强大之一就是允许web程序申请一些临时或者永久的空间(Quota)在这里可以进行 数据的存储甚至文件的操作。 FileSystem提供了文件夹和文件的创建、移动、删除等操作,大大方便了...
-
HTML5 绘制图像(上)之:关于canvas元素引领下一代w
初识canvas元素 HTML5新增了一个元素canvas,用于绘图使用,其实它的表现和div比较接近(其实他应该属于inline-block),而提供了许多接口,从而轻易的绘制矩形框、园三角形等 PS:关于...
-
HTML5 form标签之解放表单验证、增加文件上传、集
HTML中与form有关的东东 新增属性 个人理解 form html5之前,表单内的从属元素需要放入标签中,现在可以为标签指定form标签即可 点评:该功能解决了我们实际中遇到的一些问题,比如i...
-
HTML5 Web Workers之网站也能多线程的实现
Web Workers 是在HTML5中新增的,用来在web应用程序中实现后台处理的一种技术 在HTML4中,js创建的程序都是单线程的,如果花费时间比较长的话web界面就会长时间没有响应,最恶劣的情况还...