美文网首页
canvas动画原理

canvas动画原理

作者: 灿若繁星v | 来源:发表于2017-03-09 13:05 被阅读0次

    简单概括:切换速度非常快的静态画面

    <small>如果我们的世界可以静止,每一个静止的瞬间都是一副静态的画面。</small>

    一、动画类别

    1、利用图片  换图、裁剪区域坐标、 绘制区域等
    2、利用绘图API(画点、连线、填充等)  大量的计算

    二、共同点

    都是利用canvas提供的API,在每一帧改变的时候修改API的参数值,达到每一帧静态画面的细微不同,把帧连续起来就形成了动画。

    三、相关代码

    ctx.clearRect(0, 0, canvas.width, canvas.height);
    

    每次绘制之前都要清空画布,用来绘制下一帧的图像。

    相关文章

      网友评论

          本文标题:canvas动画原理

          本文链接:https://www.haomeiwen.com/subject/idewgttx.html