源码搜藏网

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

大家都知道，目前并不是所有的浏览器中支持html5，就算是支持html5的浏览器，也不见得支持html5所有的新特性,建议大家使用firefox（开发者的最爱）或者是chrome浏览器，我所有的例子都是基于firefox开发的

今天我们要用canvas制作一个猜字母的小游戏,游戏设计很简单，系统会随机从a-z的26个字母中选择一个保存起来，你键盘输入一个字母，系统会提示你正确字符比你当前输入字母小还是大，直到你输入正确的字母游戏才结束,感兴趣的朋友可以了解下

html5大行其道的时代已经到来,如果还在纠结于，是否应该掌握html5和css3技术时，请狠狠的抽自己几个嘴巴，然后，苦学吧！下面我们来看几个解决兼容IE6\7\8不支持html5标签的几个方法

提到slider，过去一直都是用css+js来配合实现相关的切换效果。听过大家一直讨论使用html5+css3的实现方式，自己却一直没有动手实现过。好吧，这次我有时间来玩下css3了,感兴趣的朋友可以了解下哦

Canvas，意为画布也。而Html5中的Canvas也真的跟现实生活中的画布非常相似。所以，把他看成一块实实在在的画布可以加快理解;如果你想学习Canvas画图，你必须要有Javascript基础,不多说了，切入正题

在学画画的时候，线条是最基本的了，而线条的连接可以组成任何图形。在Canvas中也是如此,接下来为您详细介绍最简单的线条的画法

上次我们讲到，canvas有时候会出现1像素的线条模糊不清且好像更宽的情况,这样的线条显然不是我们想要的。这篇文章的目的就是弄清楚里面的原理，以及解决它,感兴趣的朋友可以了解下哦

一般绘图的方式有两种，即填充和描边，前面的文章已经讲了描边的方法stroke，本文就讲一下Canvas中填充图形的方法

anvas里画曲线的难点之一，就在于他连曲线的函数就有4个！分别是arc,arcTo,quadraticCurveTo,bezierCurveTo.我从最简单的arc方法讲起吧,感兴趣的朋友可以了解下哦

arc与arcTo，从名字都能看出来相似。arcTo也是画曲线的方法，而且他画出的曲线也是正圆的一段弧线。但他的参数和arc简直是不共戴天~,感兴趣的朋友可以了解下哦，接下来详细介绍arcTo方法的应用

今天讲quadraticCurveTo方法画曲线，quadratic的意思是二次，即数学中二次元方程那个二次，接下来详细介绍quadraticCurveTo方法的使用，感兴趣的朋友可以了解下哦

arc,arcTo以及quadraticCurveTo.他们都有一个共同点，就是他们画的曲线都只能偏向一边,今天讲的bezierCurveTo与他们最大的不同点就是有两个控制点，即可以画出S形的曲线了,感兴趣的朋友可以了解下哦

本文讲一下在canvas中画出矩形和圆形的办法，他们属于基础图形。当然，基础图形本来不止他们，但在canvas中，只有画矩形与圆形不需要用其他方法模拟,感兴趣的朋友可以了解下

上一篇文章我讲了画矩形和圆形的方法，他们都有原生的canvas绘图函数可完成。而本文讲的圆角矩形则只有通过其他方法模拟出来,我们动用把面拆成线条的能力，很容易就能发现圆角矩形其实是由4条钩子般的曲线组成,感兴趣的朋友可以了解下

canvas中根本没有画椭圆的方法，我们要用其他方法来模拟,我们首先要明确画一个椭圆需要那些参数，基本的几何知识告诉我们，椭圆需要圆心坐标，宽度，高度——或者还有旋转角度,接下来将介绍使用lineTo画椭圆，使用arc画圆，然后把他缩放成一个椭圆，使用贝赛

最近在用svg的点击事件做东西，之所以用svg而不用canvas就是因为svg内的元素可以添加点击事件，接下来详细介绍添加方法，感兴趣的朋友可以了解下

canvas 与 SVG都能够使你在浏览器中画图，但它们的基本原理不同,接下来将对canvas 与 SVG的画图原理进行介绍，感兴趣的朋友可以了解下

它是一款乒乓游戏，有2个玩家使用一个键盘比赛;在这一章节我们将:1.准备开发工具2.建立我们的第一个游戏-Ping Pong 3.学习使用Jquery JavaScript库做基本定位 4.获取键盘输入

我们已经准备就绪，是时候创建PingPong游戏了1、我们将继续我们的jQuery安装示例，在编辑器里打开index.html2、然后，在body里用DIV节点创建游戏平台，在游戏平台中有2个拍子和一个球,闲话不多说看代码吧

本游戏使用的是html5的canvas，运行游戏需要浏览器支持html5。 使用开源引擎：lufylegend.js， lufylegend.js引擎包内包含这个demo，请直接下载lufylegend.js引擎，查看引擎包内源码 lufylegend.js引擎下载地址 http://lufylegend.com/lufylegend 游戏截图

HTML5 UTF-8出现中文乱码的情况，应该有很多的朋友都有遇到吧，用记事本写，保存后在网页上运行出现了乱码，换成GB2312能正确显示中文，下面就为大家探讨下具体的解决方法

图形用户界面（GUI），即可以使用一种叫做事件驱动编程模型用户交互。 所有这一切意味着，当用户确实在用户界面的东西，如单击按钮或从列表中选择一个项目，应用程序触发幕后的事件提醒可能需要做一些应对措施的行动过程。该Vaadin移动应用程序框架需要双管

主要功能实现翻开的2张牌如果配对就会消除，否则2张牌都会返回背面，下面为大家介绍一下需求分析及示例代码，感兴趣的朋友可以学习下