当前位置:首页 > 开发教程 > html5教程 >

找到  html5教程  ( 413 个)

html5 Canvas画图教程(6)—canvas里画曲线之arcTo方法

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

html5教程 发布于 2014-06-12 08:41 阅读(103)

html5 Canvas画图教程(7)—canvas里画曲线之quadraticCurveTo方

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

html5教程 发布于 2014-06-12 08:41 阅读(100)

html5 Canvas画图教程(8)—canvas里画曲线之bezierCurveTo方法

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

html5教程 发布于 2014-06-12 08:41 阅读(167)

html5 Canvas画图教程(9)—canvas中画出矩形和圆形

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

html5教程 发布于 2014-06-12 08:41 阅读(61)

html5 Canvas画图教程(10)—把面拆成线条模拟出圆角矩形

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

html5教程 发布于 2014-06-12 08:41 阅读(362)

html5 Canvas画图教程(11)—使用lineTo/arc/bezierCurveTo画椭圆

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

html5教程 发布于 2014-06-12 08:41 阅读(91)

html5 svg 中元素点击事件添加方法

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

html5教程 发布于 2014-06-12 08:41 阅读(74)

HTML5中Canvas与SVG的画图原理比较

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

html5教程 发布于 2014-06-12 08:41 阅读(138)

Html5游戏开发之乒乓Ping Pong游戏示例(一)

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

html5教程 发布于 2014-06-12 08:41 阅读(65)

Html5游戏开发之乒乓Ping Pong游戏示例(二)

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

html5教程 发布于 2014-06-12 08:41 阅读(35)