canvas做动画

Posted ericzlin

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了canvas做动画相关的知识,希望对你有一定的参考价值。

一、绘制图片

①加载图片

②三个参数:drawImage(img,x,y)

③五个参数:drawImage(img,x,y,w,h)

④九个参数:drawImage(img,x,y,w,h,x1,y1,w1,h1)

二、帧动画

三、坐标变换

①平移(移动画布的原点):translate(x,y)参数表示移动目标点的坐标

②缩放:scale(x,y)参数表示宽高的缩放比例

③旋转:rotate(angle)参数表示旋转的角度

以上是关于canvas做动画的主要内容,如果未能解决你的问题,请参考以下文章

canvas做动画

每周一点canvas动画

如何在Canvas中实现自定义路径动画

如何在Canvas中实现自定义路径动画

案例 HTML5 Canvas流动线条动画特效

canvas动画:气泡上升效果