html教程


html5 Canvas画图教程(5)—canvas里画曲线之arc方法
anvas里画曲线的难点之一,就在于他连曲线的函数就有4个!分别是arc,arcTo,quadraticCurveTo,bezierCurveTo.我从最简单的arc方法讲起吧,感兴趣的朋友可以了解下哦...
2016-02-29 html教程
82

html5 Canvas画图教程(6)—canvas里画曲线之arcTo方法
arc与arcTo,从名字都能看出来相似。arcTo也是画曲线的方法,而且他画出的曲线也是正圆的一段弧线。但他的参数和arc简直是不共戴天~,感兴趣的朋友可以了解下哦,接下来详细介绍arcTo方法的应用...
2016-02-29 html教程
75

html5 Canvas画图教程(7)—canvas里画曲线之quadraticCurveTo方
今天讲quadraticCurveTo方法画曲线,quadratic的意思是二次,即数学中二次元方程那个二次,接下来详细介绍quadraticCurveTo方法的使用,感兴趣的朋友可以了解下哦...
2016-02-29 html教程
106

html5 Canvas画图教程(8)—canvas里画曲线之bezierCurveTo方法
arc,arcTo以及quadraticCurveTo.他们都有一个共同点,就是他们画的曲线都只能偏向一边,今天讲的bezierCurveTo与他们最大的不同点就是有两个控制点,即可以画出S形的曲线了,感兴趣的朋友可以了解下哦...
2016-02-29 html教程
86

html5 Canvas画图教程(9)—canvas中画出矩形和圆形
本文讲一下在canvas中画出矩形和圆形的办法,他们属于基础图形。当然,基础图形本来不止他们,但在canvas中,只有画矩形与圆形不需要用其他方法模拟,感兴趣的朋友可以了解下...
2016-02-29 html教程
25

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

html5 Canvas画图教程(11)—使用lineTo/arc/bezierCurveTo画椭圆
canvas中根本没有画椭圆的方法,我们要用其他方法来模拟,我们首先要明确画一个椭圆需要那些参数,基本的几何知识告诉我们,椭圆需要圆心坐标,宽度,高度——或者还有旋转角度,接下来将介绍使用lineTo画椭圆,使用arc画圆,然后把他缩放成一个椭圆,使用贝赛...
2016-02-29 html教程
12

html5 svg 中元素点击事件添加方法
最近在用svg的点击事件做东西,之所以用svg而不用canvas就是因为svg内的元素可以添加点击事件,接下来详细介绍添加方法,感兴趣的朋友可以了解下...
2016-02-29 html教程
49

HTML5中Canvas与SVG的画图原理比较
canvas 与 SVG都能够使你在浏览器中画图,但它们的基本原理不同,接下来将对canvas 与 SVG的画图原理进行介绍,感兴趣的朋友可以了解下...
2016-02-29 html教程
57

Html5游戏开发之乒乓Ping Pong游戏示例(一)
它是一款乒乓游戏,有2个玩家使用一个键盘比赛;在这一章节我们将:1.准备开发工具2.建立我们的第一个游戏-Ping Pong 3.学习使用Jquery JavaScript库做基本定位 4.获取键盘输入...
2016-02-29 html教程
55

Html5游戏开发之乒乓Ping Pong游戏示例(二)
我们已经准备就绪,是时候创建PingPong游戏了1、我们将继续我们的jQuery安装示例,在编辑器里打开index.html2、然后,在body里用DIV节点创建游戏平台,在游戏平台中有2个拍子和一个球,闲话不多说看代码吧...
2016-02-29 html教程
16

Html5游戏开发之乒乓Ping Pong游戏示例(三)
我们已经用jQuery初始化了球拍。现在我们做一个如何使用jQuery安置游戏元素,用网格背景来检查我们游戏的元素位置的实验,感兴趣的朋友可以了解下,祝大家游戏开发快乐...
2016-02-29 html教程
18