JavaScript、画像のキー値を持つオブジェクト

私は複数のキャラクタを持つRPGゲームを作っているので、それらのオブジェクトを作っています。JavaScript、画像のキー値を持つオブジェクト

私はそれぞれのためにimgを入れたいと思います。

文字の画像にキーを設定するにはどうすればよいですか？

character.image = new Image（）？ – juvian

_key_をイメージにするか、キーの_value_をイメージにしますか？ – vlaz

関数young_link = { \tパワー：30、 \t cpower：20、 \t HP：3、 \t IMG：私はここでイメージを望ん } –

あなたは絵へのリンク含めることができます。

var character1 ={ 
    image:'http://url-to-image' 
}

またはあなたが64エンコードした画像をベースでした。オンラインエンコーダ：https://www.base64-image.de/ 属性としてbase64文字列を使用します。あなたはこれがちょうど体、位置と配置に画像を追加します

function(character){ 
    var img = document.createElement('img'); 
    img.src=character.image; 
    document.body.appendChild(img); 
}

画面上のimgを置くことができる機能を書くことができ、そこから

var character2 = { 
    image: 'super-long-base64-stringbd39bf37fb893whf793whf839...' 
}

は

勤務しなければならないであろう

2016-10-20 16:01:35

は私が行うか、そのオブジェクト内の？ –

ああ、私は画像を参照してください： –

はい、この場合、キーは '画像'であり、値は画像またはBase64エンコーディングのURLになります –

答えて