canvas教程

Html5 Canvas初探学习笔记(14)

字号+ 作者:H5之家 来源:H5之家 2015-09-20 16:56 我要评论( )

java学习教程,java学习视频,java框架技术,深入浅出struts,hibernate,spring,企业架构,设计模式,数据库技术,oracle,mysql,jquery学习视频,,.net学习视频,移动编程

小满(bill man)个人原创,欢迎转载,转载请注明地址,小满(bill man)的专栏地址

 

之前都是简单的静止绘图,本篇实现一个简单的动画效果,效果如下:

 

就是让人物向斜下方运动,代码如下:


 

主要是由两个函数组成,首先当页面载入的时候调用

this.image = new Image();

this.image.src = "grossini.png";

this.image.onload = function(){

   setTimeout(update,33);

}

这个在之前提到过,主要是首先给定

来看

如有错误,希望大家多多指正

下一篇继续研究canvas中的鼠标操作

 

转自CSDN:

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • Xcode使用教程详细讲解 (下)

    Xcode使用教程详细讲解 (下)

    2017-04-10 16:08

  • 经典JAVA教程(入门到精通)

    经典JAVA教程(入门到精通)

    2015-11-19 11:50

网友点评
/