我使用队列中的图像创建了位图。接下来,我试图通过更新 image.src 属性来更改图像,但它不起作用,因为它需要图像位置的路径。在这种情况下,如何将第一张图像更改为第二张图像。我假设过渡会很顺利,因为图像已经加载。
var queue = new createjs.LoadQueue();
queue.on("complete", loaded);
queue.loadManifest([{
id: "one",
src: "image1.png"
},
{
id: "two",
src: "image2.png"
}
]);
var stage = new createjs.Stage('canvas'),
img1 = queue.getResult("one"),
img2 = queue.getResult("two");
var changingImage = new createjs.Bitmap(img1);
stage.addChild(childImage);
stage.update();
function changeImage() {
changingImage.image.src = img2;
stage.update();
}
调用函数 changeImage() 后,图像必须在 changeImage 中发生变化。