小编use*_*455的帖子

在一个画布上绘制多个图像

我有一个数组,其中包含有关image应如何绘制的所有信息.我想绘制2 images,当我这样做时,它只绘制最后一张图像.我能做什么?

for(i = 0; i < tiles.length; i++)
{
    var sourceX = tiles[i][5];
    var sourceY = tiles[i][6];
    var sourceWidth = tiles[i][9];
    var sourceHeight = tiles[i][10];
    var destWidth = sourceWidth;
    var destHeight = sourceHeight;
    var destX = tiles[i][7];
    var destY = tiles[i][8];

    var imageObj = new Image();
    imageObj.onload = function()
    {
        context.drawImage(imageObj, sourceX, sourceY, sourceWidth, sourceHeight, destX, destY, destWidth, destHeight);
    };
    imageObj.src = tiles[i][4];
}
Run Code Online (Sandbox Code Playgroud)

javascript html5 image

7
推荐指数
2
解决办法
3万
查看次数

标签 统计

html5 ×1

image ×1

javascript ×1