canvas 使用imagedraw 通过循环使一张图片多次显示

Posted 2023-02-27

我是这样写的
img.onload = function()

for(j=0;j<30;j++)
for(k=0;k<16;k++)
cxt.drawImage(img,23+j*19,13+k*19);




但是显示时还是需要刷新一下网页才能显示（如：猎豹游览器）
求各位大神帮忙解答
我将drawImage方法写在 onload后面的函数里，不进行循环显示单张图片是OK的，但是加上循环后就需要刷新一下网页了
我也试了一下
for(j=0;j<30;j++)
for(k=0;k<16;k++)
img.onload = function()cxt.drawImage(img,23+j*19,13+k*19);；

就更有问题了，只显示一张图片，并且位置也有问题。求解...

参考技术A 猎豹浏览器极速模式下测试没问题

IE模式出不来吧。

你说的刷新是不是IE模式和极速模式切换啊？追问

第一次打开网页不显示，按F5刷新后才出来

追答

刚刚下载的猎豹浏览器，没有这个问题,

看看我测试的和你写的是一样的吗？

追问

首先谢谢这两天有别的事没来的及看
跟你写的一样，只不过我在之前先画了一张别的图片，好像是先画的图片把后画的图片覆盖了，按F5刷新后就变好了，求解觉，会加财富值的。

追答

如果两个图片的话因为onload触发的先后顺序不固定，所以你要加判断。

第二个onload里判断第一个有没有画完。

追问

求解决方法，先谢了

本回答被提问者采纳 参考技术B html文件被加载异步
VAR IMG =新的Image（）; img.src = imgId +'巴'的时候装不上去！

将触发你听的img onload事件，装在
img.onload这个事件=函数（）.........追问

我将drawImage方法写在 onload后面的函数里，不进行循环显示单张图片是OK的，但是加上循环后就需要刷新一下网页了