[js高手之路] html5 canvas动画教程 - 匀速运动
匀速运动：指的是物体在一条直线上运动，并且物体在任何相等时间间隔内通过的位移都是相等的。其实就是匀速直线运动，它的特点是加速度为0，从定义可知，在任何相等的时间间隔内，速度大小和方向是相同的。 上述实例让一个半径20px的小球 从x=0, y=canvas高度的一半，以每帧2px ...
原文：[js高手之路] html5 canvas动画教程 - 实时获取鼠标的当前坐标
有了前面的canvas基础之后，现在开始就精彩了，后面写的canvas教程都是属于综合应用，前面已经写了常用的canvas基础知识,参考链接如下： js高手之路 html canvas系列教程 认识canvas以及基本使用方法 js高手之路 html canvas系列教程 掌握画直线图形的常用API js高手之路 html canvas系列教程 开始路径beginPath与关闭路径closePat ...
2017-09-30 09:48 4 2767 推荐指数：
相关推荐
[js高手之路]html5 canvas动画教程 - 下雪效果
利用canvas，实现一个下雪的效果，我们先预览下效果： 我们先分析下这个效果： 1，随机产生雪花 2，雪花的产生不是同时产生，而是有先后顺序的 3，雪花怎么表示 4，怎么源源不断的下雪 5，雪花有大有小 搞清楚上面几个问题之后，这个效果基本上就实现 ...
[js高手之路]html5 canvas动画教程 - 自己动手做一个类似windows的画图软件
这个绘图工具，我还没有做完，不过已经实现了总架构，以及常见的简易图形绘制功能： 1，可以绘制直线，圆，矩形，正多边形【已完成】 2，填充颜色和描边颜色的选择【已完成】 3，描边和填充功能的选择【已完成】 后续版本： 橡皮擦，坐标系，线形设置，箭头，其他流程图形，裁剪与调整图形 ...
[js高手之路]html5 canvas动画教程 - 重力、摩擦力、加速、抛物线运动
上节，我们讲了匀速运动，本节分享的运动就更有意思了： 加速运动 重力加速度 抛物线运动 摩擦力 加速运动: 加速度分解与合成 抛物线运动： ...
[js高手之路]html5 canvas动画教程 - 边界判断与小球粒子模拟喷泉,散弹效果
备注：本文后面的代码，如果加载了ball.js，那么请使用这篇文章[js高手之路] html5 canvas动画教程 - 匀速运动的ball.js代码. 本文，我们要做点有意思的效果，首先，来一个简单的边界判断，所谓边界判断：就是把物体的运动限定在一个范围内.我们先来一个简单的实例 ...
[js高手之路]html5 canvas教程 - 1px问题以及绘制坐标系网格
在canvas中，要画出1px的线条，默认情况下是不行的 上述代码中，context是canvas的上下文，在这段代码中，我画了2条线，上面那条线并不是1px，下面的那条线才是1px 上面你可能还看不清楚，那条黑线到底是不是1px，你可以把他们放到画图软件 ...
获取windows鼠标的当前坐标
= pag.position() #返回鼠标的坐标 posStr="Position:"+st ...
[js高手之路] html5 canvas系列教程 - 认识canvas以及基本使用方法
canvas是html5中引入的一个新元素，俗称画布，既然是画布，当然是用来画图的。canvas技术指的是利用javascript操作canvas元素绘制图形的技术，要使用canvas,一定要浏览器支持canvas，谷歌和火狐的支持性很好，IE8不支持。你可以参考这个网站，查看canvas的支持性 ...