匀速运动：指的是物体在一条直线上运动，并且物体在任何相等时间间隔内通过的位移都是相等的。其实就是匀速直线运动，它的特点是加速度为0，从定义可知，在任何相等的时间间隔内，速度大小和方向是相同的。 上述实例让一个半径20px的小球 从x=0, y=canvas高度的一半，以每帧2px ...

利用canvas，实现一个下雪的效果，我们先预览下效果： 我们先分析下这个效果： 1，随机产生雪花 2，雪花的产生不是同时产生，而是有先后顺序的 3，雪花怎么表示 4，怎么源源不断的下雪 5，雪花有大有小 搞清楚上面几个问题之后，这个效果基本上就实现 ...

这个绘图工具，我还没有做完，不过已经实现了总架构，以及常见的简易图形绘制功能： 1，可以绘制直线，圆，矩形，正多边形【已完成】 2，填充颜色和描边颜色的选择【已完成】 3，描边和填充功能的选择【 ...

备注：本文后面的代码，如果加载了ball.js，那么请使用这篇文章[js高手之路] html5 canvas动画教程 - 匀速运动的ball.js代码. 本文，我们要做点有意思的效果，首先，来一个简单的边界判断，所谓边界判断：就是把物体的运动限定在一个范围内.我们先来一个简单的实例 ...

有了前面的canvas基础之后，现在开始就精彩了，后面写的canvas教程都是属于综合应用，前面已经写了常用的canvas基础知识,参考链接如下： [js高手之路] html5 canvas系列教程 - 认识canvas以及基本使用方法 [js高手之路] html5 canvas系列教程 ...

本来是想做一个贝塞尔曲线运动轨迹的 公式太复杂了，懒得算，公式在最后 我先画了一个抛物线，我确定了两个点，起点（0,0），终点（200,200） 用坐标系可算出方程 y=-0.005x^2 现在找出终点的切线与X轴的交点，那个就是贝塞尔曲线的第二个参数，控制点 求出是（100,0 ...

前言 老早就看过一些购物车的抛物线效果，也想自己凑热闹动手来实现一遍。 然后(lll￢ω￢) 书到用时方恨少，发现高中学到物理啊、数学啊，都忘光了，抛物线公式都忘了0 0。 顺手百度一波，从百度可知：y=ax^2+bx+c ps：顺路吐槽一下，以前学习是为了应付考试，该忘的都忘了，根本 ...

canvas是html5中引入的一个新元素，俗称画布，既然是画布，当然是用来画图的。canvas技术指的是利用javascript操作canvas元素绘制图形的技术，要使用canvas,一定要浏览器支持canvas，谷歌和火狐的支持性很好，IE8不支持。你可以参考这个网站，查看canvas的支持性 ...