-
html5指南-6.如何创建离线web应用程序实现离线访问
HTML2021-09-06
今天我们的内容是关于如何创建 离线 web应用,他的好处是可以让浏览器下载我们指定的web资源,这样用户在 离线...
-
html5指南-5.使用web storage存储键值对的数据
HTML2021-09-06
本节课的内容是介绍web storage ,使用它在浏览器里 存储 键值对的数据,功能上像以前的cookie一样,不过他更好, 存...
-
html5指南-4.使用Geolocation实现定位功能
HTML2021-09-06
今天我们要学习的是使用Geolocation实现 定位 功能。我们可以通过navigator.geolocation获取Geolocation对象,他提供了下列方...
-
html5指南-3.如何实现html元素拖拽功能
HTML2021-09-06
本文的内容是关于在html5中如何实现html元素 拖拽 功能。在html5之前要实现 拖拽 ,需要借助js,现在html5内部就支持了...
-
html5指南-2.如何操作document metadata
HTML2021-09-06
今天的内容是关于如何操作document对象。 1.操作Document Metadata 首先我们来看看相关的属性: characterSet:获取当前docu...
-
html5指南-1.html5全局属性(html5 global attributes)深入理
HTML2021-09-06
今天开始一个全新的关于html5系列课程,是我读《The Definitive Guide to HTML5 》的学习笔记。我会把自己觉得里面不错的章...
-
html5 canvas-1.canvas介绍(hello canvas)
HTML2021-09-06
从今天开始,我们将开始一个关于 html5 canvas 的系列课程。这个系列是我读《HTML5 Canvas:Native Interactivity and Animation ...
-
html5 canvas-2.用canvas制作一个猜字母的小游戏
HTML2021-09-06
今天我们要用 canvas 制作一个猜字母的 小游戏 ,先来张效果图。 游戏设计很简单,系统会随机从a-z的26个字母中选择...
-
几个解决兼容IE6\7\8不支持html5标签的几个方法
HTML2021-09-06
html5大行其道的时代已经到来。如果你还在等待浏览器 兼容 ,说明你已经与web脱节几条街了。当然,这得益于移动客...
-
使用html5+css3来实现slider切换效果告别javascript+c
HTML2021-09-06
好吧,上次说要赶紧的补上几篇文章,结果淡定的失约了。又是近一个月才发一篇,真是让人郁闷。发现最近总是抽...
-
html5 Canvas画图教程(1)—画图的基本常识
HTML2021-09-06
虽然大家都称 Canvas 为html5的新标签,看起来好像 Canvas 属于html语言的新知识,但其实Canvas 画图 是通过javascript来做的...
-
html5 Canvas画图教程(2)—画直线与设置线条的样式
HTML2021-09-06
如果你还不知道 Canvas 是什么,可以看看 上一篇 . 在学画画的时候, 线条 是最基本的了,而 线条 的连接可以组成任...
-
html5 Canvas画图教程(3)—canvas出现1像素线条模糊不
HTML2021-09-06
接上一篇 canvas画线条教程 上次我们讲到, canvas 有时候会出现1像素的线条 模糊 不清且好像更宽的情况,如下图:...
-
html5 Canvas画图教程(4)—未闭合的路径及渐变色的
HTML2021-09-06
一般绘图的方式有两种,即填充和描边,前面的文章已经讲了描边的方法stroke,本文就讲一下 Canvas 中填充图形的方法...
-
html5 Canvas画图教程(5)—canvas里画曲线之arc方法
HTML2021-09-06
在 canvas画线条 这篇文章中,我讲了画直线的方法,按理这篇 画曲线 的文章早该发了,但由于 canvas 画曲线 比较特殊...
-
html5 Canvas画图教程(6)—canvas里画曲线之arcTo方法
HTML2021-09-06
上一篇文章讲了 canvas的arc方法 ,这一篇讲和他有关的arcTo方法。 arc与arcTo,从名字都能看出来相似。arcTo也是 画曲线...
-
html5 Canvas画图教程(7)—canvas里画曲线之quadraticC
HTML2021-09-06
继续讲canvas中画曲线的方法,今天讲quadraticCurveTo。 说实话这个方法有点吓人,单从函数名称上都可以初体验。话说,...
-
html5 Canvas画图教程(8)—canvas里画曲线之bezierCurv
HTML2021-09-06
前面的文章我已经讲了3种在canvas中画曲线的方法: arc , arcTo 以及 quadraticCurveTo .他们都有一个共同点,就是他们画的...
-
html5 Canvas画图教程(9)—canvas中画出矩形和圆形
HTML2021-09-06
本文讲一下在 canvas 中画出 矩形 和 圆形 的办法,他们属于基础图形。当然,基础图形本来不止他们,但在 canvas 中,...
-
html5 Canvas画图教程(10)—把面拆成线条模拟出圆角
HTML2021-09-06
上一篇文章我讲了 画矩形和圆形 的方法,他们都有原生的 canvas 绘图函数可完成。而本文讲的圆角矩形则只有通过其...
-
html5 Canvas画图教程(11)—使用lineTo/arc/bezierCurveTo画
HTML2021-09-06
在 canvas 中可以很方便的用arc方法画出圆形,本来圆形也可以看作是一个宽高相等的椭圆,但 canvas 中根本没有画椭圆...
-
html5 svg 中元素点击事件添加方法
HTML2021-09-06
最近在用 svg 的点击事件做东西,之所以用 svg 而不用canvas就是因为svg内的元素可以添加点击事件,他们之间详细的区...
-
HTML5中Canvas与SVG的画图原理比较
HTML2021-09-06
canvas 与 SVG 都能够使你在浏览器中 画图 ,但它们的基本原理不同。 SVG SVG是一种在XML中描述二维图形的语言。 SVG是基...
-
Html5游戏开发之乒乓Ping Pong游戏示例(一)
HTML2021-09-06
在这一章节我们将: 准备开发工具 建立我们的第一个游戏-Ping Pong 学习使用Jquery JavaScript库做基本定位 获取键盘输入...
-
Html5游戏开发之乒乓Ping Pong游戏示例(二)
HTML2021-09-06
Headerandfooter Html5引进了许多新的特性和改进,其中一项就是语义。Html5增加了新的元素来加强语义。我们现在只使用...
-
Html5游戏开发之乒乓Ping Pong游戏示例(三)
HTML2021-09-06
jQuery 介绍 【这部分就不翻了,网上有很多的。如果有不懂的部分找度娘】 用jQuery操作游戏元素 我们已经用jQuery初始...
-
利用HTML5中Geolocation获取地理位置调用Google Map A
HTML2021-09-06
本小菜刚开始学习HTML5,现在对其中的 Geolocation 颇感兴趣,结合Google Map的API实现基本的地图定位功能。 1.获取当前...
-
利用html5 canvas破解简单验证码及getImageData接口应
HTML2021-09-06
敝校的教务管理系统(貌似不止我们学校用呢),一到选课时间服务器各种崩不解释,有时为了选个课就要反复输入...
-
HTML5之SVG 2D入门4—笔画与填充
HTML2021-09-06
前面我们重点都在总结各类形状,文本和图片,接下来,我们还是和讨论canvas一样,总结一下颜色处理,也就是 填充...
-
HTML5之SVG 2D入门1—SVG(可缩放矢量图形)概述
HTML2021-09-06
位图与矢量图 以前,浏览器中显示的 图形 ,例如jpeg、gif等,都是位图,这些图像格式是基于光栅的。在光栅图像中...