laya多张图片合成一张图

LayaAir引擎中提供了Laya.Image组件，可以用来实现多张图片的合成。下面是一个简单的示例代码：

// 创建一个Image组件
var img = new Laya.Image();

// 加载多张图片
var urls = [
    "res/image1.png",
    "res/image2.png",
    "res/image3.png",
    "res/image4.png"
];
Laya.loader.load(urls, Laya.Handler.create(this, function() {
    // 创建一个画布
    var canvas = document.createElement("canvas");
    canvas.width = 600;
    canvas.height = 400;

    // 获取画布的上下文
    var ctx = canvas.getContext("2d");

    // 绘制多张图片到画布上
    for (var i = 0; i < urls.length; i++) {
        var texture = Laya.loader.getRes(urls[i]);
        ctx.drawImage(texture.source, i * 100, 0, 100, 100);
    }

    // 将画布保存为一张新的图片
    var dataURL = canvas.toDataURL();
    img.skin = dataURL;
    Laya.stage.addChild(img);
}));

上述代码中，我们使用Laya.Image组件来显示合成后的图片。首先加载多张图片，然后创建一个画布，并获取画布的上下文，接着使用drawImage()方法将多张图片绘制到画布上，最后将画布保存为一张新的图片并设置为Image组件的skin属性即可。这样就实现了多张图片合成一张图的效果。