Javascript 使用Dynamic js加载多个图像，同时在画布上加载一个图像

如何使用Kinetic.js将一组图像加载到画布中，并且不是每次加载所有图像一次加载一个图像。如果单击“下一个图像”，则应遍历该图像。

在KineticJS中替换图像（以一个代替另一个）可以通过以下方式完成

var imgs = new Array(2);
imgs[0] = "images/image1.png";
imgs[1] = "images/image2.png";

假设您有2个图像已上载到数组变量imgs[]。如果您在处理图像之前不确定如何加载图像，您可以阅读它

让我们说：


让我们按如下方式定义显示区域：

function changeImage()
    {
    // Increment the index, make it zero if it goes over the total images
    dispArea.currIndex = (dispArea.currIndex + 1)%imgs.length;

    dispArea.setImage(imgs[dispArea.currIndex]);

    displayLayer.draw();
    }
var dispArea=新的动力学图像(
{
图片：imgs[0]，
//可以在内部指定初始x、y位置坐标，也可以稍后进行设置。
//宽度、高度等也一样。
});
dispArea.currendex=0//这将设置当前显示图像的索引
displayLayer.add（显示区域）//假设您的图层命名为displayLayer
因此，对于“下一步”按钮的“onClick”事件，调用函数“changeImage”，定义如下：

function changeImage()
    {
    // Increment the index, make it zero if it goes over the total images
    dispArea.currIndex = (dispArea.currIndex + 1)%imgs.length;

    dispArea.setImage(imgs[dispArea.currIndex]);

    displayLayer.draw();
    }
函数changeImage（）
{
//增加索引，如果索引覆盖整个图像，则将其设为零
dispArea.currendex=（dispArea.currendex+1）%imgs.length；
setImage（imgs[dispArea.currendex]）；
displayLayer.draw（）；
}
您的意思是从服务器加载（仅当单击“下一步”时）还是显示下一个图像来代替当前图像？2种不同的事物和2种不同的方法如何将下一个图像替换为当前图像。。。首先，塞纳里奥，非常感谢你，老板。这正是我要找的。我还有一个问题要问你。我可以吗？当然，把它放在StackOverflow的另一个问题中，并通过链接发送给我：）如果答案对你有效，你可能想接受它，将对其他人有帮助，他们可能会看你的问题。这是新qus的链接，请在这个图库中帮助我。