canvas的每一步动画都要清楚画布重新绘制吗
答案:2 悬赏:0 手机版
解决时间 2021-02-01 00:50
- 提问者网友:孤凫
- 2021-01-31 16:25
canvas的每一步动画都要清楚画布重新绘制吗
最佳答案
- 五星知识达人网友:青尢
- 2021-01-31 16:53
是这样的,不然图画就会叠加
全部回答
- 1楼网友:往事隔山水
- 2021-01-31 17:21
使用html5画布canvas能够快速实现简单的动画效果,基本原理如下:每隔一定时间绘制图形并且清除图形,用来模拟出一个动画过程,可以使用context.clearrect(0, 0, x, y)方法来刷新需要绘制的图形首先是绘制图形的方法,如下:
function myanimation() { ctx.clearrect(0, 0, canvas_size_x, canvas_size_y); if (x_icon < 0 || x_icon > canvas_size_x - size_x) { stepx = -stepx; } if (y_icon < 0 || y_icon > canvas_size_y - size_y) { stepy = -stepy; } x_icon += stepx; y_icon += stepy; ctx.drawimage(anim_img, x_icon, y_icon); }以上方法每隔一定时间清除画布内容,并且重新计算绘制图形位置,一旦超过了画布大小,则反转坐标绘制图形。
我要举报
如以上回答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息,可以点下面链接进行举报!
点此我要举报以上问答信息
大家都在看
推荐资讯