怎么设置canvas动画为背景
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了怎么设置canvas动画为背景相关的知识，希望对你有一定的参考价值。
参考技术A 使用HTML5画布canvas能够快速实现简单的动画效果，基本原理如下：每隔一定时间绘制图形并且清除图形，用来模拟出一个动画过程，可以使用context.clearRect(0, 0, x, y)方法来刷新需要绘制的图形首先是绘制图形的方法，如下：<pre t="code" l="java">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);
以上方法每隔一定时间清除画布内容，并且重新计算绘制图形位置，一旦超过了画布大小，则反转坐标绘制图形。本回答被提问者采纳
以上是关于怎么设置canvas动画为背景的主要内容，如果未能解决你的问题，请参考以下文章