花费 8 ms
JavaScript动画基础:canvas绘制简单动画

动画是将静止的画面变为动态的艺术.实现由静止到动态,主要是靠人眼的视觉残留效应。视觉残留也叫视觉暂留现象,物体在快速运动时, 当人眼所看到的影像消失后,人眼仍能继续保留其影像0.1~0.4 ...

Mon Jul 13 21:34:00 CST 2020 0 3813
JavaScript图形实例:正弦曲线

正弦曲线的坐标方程为: Y=A*SIN(X) (A为振幅) 1.正弦曲线 在弧度为0~4π的正弦曲线上取360个点,将这些 ...

Wed Dec 25 00:47:00 CST 2019 0 1894
JavaScript图形实例:圆形图案

在HTML5的Canvas 2D API中,可以调用arc方法绘制圆或圆弧。该方法调用格式为: context . arc(x, y, radius, s ...

Sat Dec 21 00:07:00 CST 2019 0 1657
JavaScript图形实例:黄金螺旋线

黄金螺旋线是根据斐波那契数列画出来的螺旋曲线。自然界中存在许多黄金螺旋线的图案,是自然界最完美的经典黄金比例。例如,如图1所示的海螺身上的曲线,图2所示的漩涡,图3所示的人耳。 图1 ...

Sun Jun 28 17:14:00 CST 2020 0 1009
JavaScript图形实例:Canvas API

1.Canvas概述 Canvas API(画布)用于在网页实时生成图像,并且可以操作图像内容,基本上它是一个可以用JavaScript操作的位图(bitmap)。 要使用 ...

Sat Jul 11 02:18:00 CST 2020 2 884
JavaScript图形实例:图形的旋转变换

旋转变换:图形上的各点绕一固定点沿圆周路径作转动称为旋转变换。可用旋转角表示旋转量的大小。 旋转变换通常约定以逆时针方向为正方向。最简单的旋转变换是以坐标原点(0,0 ...

Mon Dec 23 03:44:00 CST 2019 0 1221
JavaScript动画实例:螺旋线

数学中有各式各样富含诗意的曲线,螺旋线就是其中比较特别的一类。螺旋线这个名词来源于希腊文,它的原意是“旋卷”或“缠卷”。例如,平面螺旋便是以一个固定点开始向外逐圈旋绕而形成的曲线。在200 ...

Wed Jul 15 00:10:00 CST 2020 0 856
JavaScript图形实例:平面镶嵌图案

用形状、大小完全相同的一种或几种平面图形进行拼接,彼此之间不留空隙、不重叠地铺成一片,就叫做这几种图形的平面镶嵌。 1.用一种多边形实现的平面镶嵌图案 我们可以采用正三角形 ...

Tue Jul 14 16:09:00 CST 2020 0 856
JavaScript小游戏实例:简单的键盘练习

键盘是一种常用的输入设备,灵活熟练地使用键盘进行输入是计算机用户需掌握的一门基本功。下面我们编写一个简单的键盘练习游戏。 1.刺破气泡交互式小动画 在编写简单的键盘练习游戏 ...

Fri Aug 07 19:43:00 CST 2020 0 800
JavaScript图形实例:递归生成树

观察自然界中树的分叉,一根主干生长出两个侧干,每个侧干又长出两个侧干,以此类推,便生长出疏密有致的结构。这样的生长结构,使用递归算法可以模拟出来。 例如,分叉的侧干按45°的 ...

Thu Jul 02 04:43:00 CST 2020 0 828

 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM