Javascriptが画像に

Question

サンプル・オブジェクトをオブジェクトキーを変換しますか？あなたは、この機能で発生したいコメントで言ったように

var images = { "foo": "bar.jpg" } 
for (var imageKey in images) { 
    images[imageKey] = ctx.drawImage(images[imageKey],x,y) 
} 

Answer 1

を見て、あなたがイメージパスがImage型のオブジェクトに変異させたいこと：

Answer 2

一つの方法は、それを行うにはあなたが関数にimagesオブジェクトを渡すと、それはその鍵をループます

var images = { "foo": "bar.jpg" }; 

function transformImagePaths(images){ 
    Object.keys(images).forEach(key => { 
     let imagePath = images[key]; 
     images[key] = new Image(); 
     images[key].src = imagePath; 
    }); 
} 

、および画像とパスを交換することにより、各キーに割り当て直す：、私は、これはあなたが探しているものだと思います。

Answer 3

// first proving approach 
 
var imageMap = { 
 
    "foo": "bar.jpg", 
 
    "baz": "biz.jpg" 
 
}; 
 
console.log('imageMap : ', imageMap); 
 

 
Object.keys(imageMap).forEach(function (imageKey) { 
 
    var img = (new Image); 
 
    img.src = imageMap[imageKey]; 
 
    imageMap[imageKey] = img; 
 
}); 
 
console.log('imageMap : ', imageMap); 
 

 

 
// final iteration 
 
var imageMap = { 
 
    "foo": "bar.jpg", 
 
    "baz": "biz.jpg" 
 
}; 
 
console.log('imageMap : ', imageMap); 
 

 
function assignImageToBoundMap(key) { 
 
    var img = (new Image); 
 
    img.src = this[key]; 
 
    this[key] = img; 
 
} 
 
function reassignImageMap(map) { 
 
    Object.keys(map).forEach(assignImageToBoundMap, map); 
 
} 
 

 
reassignImageMap(imageMap); 
 

 
console.log('imageMap : ', imageMap);

.as-console-wrapper { max-height: 100%!important; top: 0; }