为了账号安全,请及时绑定邮箱和手机立即绑定
  • 3.时分秒进行相同操作
    查看全部
  • 2.当时间改变时,使用addballs绘制球
    查看全部
  • 1.设置颜色及存放小球的数组
    查看全部
  • beginPath()和closePath()不一定要同时出现,beginPath()指要重新开始一段路径,closePath()指要结束当前路径,且封闭当前路径。不需要收尾相连,去掉closePath()。closePath()对于fill()是没有用的。
    查看全部
    1 采集 收起 来源:绘制弧和圆

    2016-09-25

  • context.arc(100,100,30,0,Math.PI*2,true); 第一个和第二个参数,代表圆心坐标。第三个参数是圆的半径。第四个参数代表圆周起始位置。0 PI就是起始位置。沿顺时针路线,分别是0.5 PI(正下方),1 PI和1.5 PI(正上方),为画饼图提供了扇形范围的依据。 第五个参数是弧长Math.PI*2就是整个圆,Math.PI是半圆。第六个参数是一个布尔值,true是顺时针false是顺时针
    查看全部
    1 采集 收起 来源:绘制弧和圆

    2016-09-25

  • <a>http://www.imooc.com/video/2437/20</a>
    查看全部
  • 创建canvas
    查看全部
    1 采集 收起 来源:创建canvas

    2016-09-21

  • http://blog.csdn.net/sweetsoft/article/details/50539200 七巧板源码
    查看全部
  • 制作动画的方法 setInterval 有两个参数,第一个参数是个匿名函数,表示在某一帧时要做的事情, 第二个参数传入一个时间,单位是毫秒,表示每隔多长时间执行一次前面的匿名函数
    查看全部
  • digit.js存储二维点阵模型供countdown.js使用 digit.js 申明一个三维数组digit 0包含的是一个二维数组(0的二维点阵)...第十个位置是:对应的二维点阵 每一个数字的点阵表示是10*7大小的二维数组 :是10*4大小的二维数组 countdown.js: 定义初始化——拿到canvas和context,给canvas大小赋值(两个全局变量)——绘制过程render(context)。 绘制canvas画布 function render(cxt){//绘制时钟,倒计时存储的具体数字 var hours=12 var minutes=34 var seconds=56 renderDigit(0,0,parseInt(hours/10),cxt)//参数表示绘制数字的x坐标,绘制数字的y坐标,具体绘制那个数字,上下文绘图环境 } function renderDigit(x,y,num,cxt){ cxt.fillStyle="rgb(0,102,153)"; for(var i=0;i<digit[num].length;i++){ for(var j=0;j<digit[num].i.length;i++){ if(digit[num][i]==1){ //绘圆球 } } } }
    查看全部
  • ball={ x:512//小球中心点的水平位置 y:100//小球中心点的垂直位置 r:20//小球半径 g:2// 运动加速度 vx:-4//小球运动的水平速度 vy:0//小球运动的垂直速度 }
    查看全部
  • getContext() 方法返回一个用于在画布上绘图的环境。 Canvas.getContext(contextID) 参数 参数 contextID 指定了您想要在画布上绘制的类型。当前唯一的合法值是 "2d",它指定了二维绘图,并且导致这个方法返回一个环境对象,该对象导出一个二维绘图 API。 提示:在未来,如果 <canvas> 标签扩展到支持 3D 绘图,getContext() 方法可能允许传递一个 "3d" 字符串参数。 返回值 一个 CanvasRenderingContext2D 对象,使用它可以绘制到 Canvas 元素中。
    查看全部
    1 采集 收起 来源:创建canvas

    2018-03-22

  • if (ball.y>=768-ball.r){ 判断小球下落的高度和页面高度是否相等, } ballvy=-ball.vy*0.5 反方向减速 0.5为摩擦系数
    查看全部
  • beginPath与closePath并不一定要成对出现,beginPath是重新绘制路径,closPath结束当前的路径,如果当前的路径不封闭的话,closePath自动封闭该路径
    查看全部
    1 采集 收起 来源:绘制弧和圆

    2016-06-08

  • context.arc( centerx, centery, radius //圆心 半径 startAngle, endAngle, // 开始结束 弧度 anticlockwise = false // 顺时针默认 逆时针 )
    查看全部
    1 采集 收起 来源:绘制弧和圆

    2014-12-25

举报

0/150
提交
取消
课程须知
1.要对HTML+CSS相关标签有所掌握;2.对网页布局知识有简单的了解;3.掌握一定的JS基础知识
老师告诉你能学到什么?
通过学习Cancas倒计时效果的基础知识:比如球形的绘制,动画的基础原理,让Canvas帮助我们制作出绚丽的效果,力图每一个课程除了介绍知识,还能帮助大家使用Canvas制作出属于自己的动画和游戏作品。

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!