码迷,mamicode.com
首页 > 其他好文 > 详细

canvas做动画

时间:2018-07-07 10:41:51      阅读:137      评论:0      收藏:0      [点我收藏+]

标签:平移   移动   wim   五个   宽高   img   比例   缩放   font   

一、绘制图片

①加载图片

②三个参数: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做动画

标签:平移   移动   wim   五个   宽高   img   比例   缩放   font   

原文地址:https://www.cnblogs.com/EricZLin/p/9276197.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!