canvas画动画问题求解释？
<br> /** @type {HTMLCanvasElement} */<br> window.onload = function () {<br> let mycanvas = document.getElementById('mycanvas');<br> let ctx = mycanvas.getContext('2d')<br> let imgleft = document.querySelectorAll('img')[0];<br> let imgright = document.querySelectorAll('img')[1];<br> let i = 0;<br> let o ;<br> setInterval(() => {<br> ctx.clearRect(0, 0, 600, 600)<br> o = i + 1<br> i = o % 8;<br> ctx.drawImage(imgleft, i*97, 0, 97, 155, 0, 0, 100, 155);<br> }, 100);<br> }</p> <pre><code> </code></pre> <p>写出来的动画里面有很多个人再动 不是再同一个人物上面动的。<br> 咋回事啊？</p>