Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/421.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
JavaScript,具有图像键值的对象_Javascript_Object - Fatal编程技术网

JavaScript,具有图像键值的对象

JavaScript,具有图像键值的对象,javascript,object,Javascript,Object,我正在尝试制作一个具有多个角色的RPG游戏,所以我正在为他们制作对象 我想为他们每个人做一个img 如何设置角色图像的关键点?您可以包括图片链接: var character1 ={ image:'http://url-to-image' } 或者,您可以对图像进行base64编码。 这是一个在线编码器: 然后使用base64字符串作为属性 var character2 = { image: 'super-long-base64-stringbd39bf37fb893whf793whf

我正在尝试制作一个具有多个角色的RPG游戏,所以我正在为他们制作对象

我想为他们每个人做一个img


如何设置角色图像的关键点?

您可以包括图片链接:

var character1 ={
  image:'http://url-to-image'
}
或者,您可以对图像进行base64编码。 这是一个在线编码器: 然后使用base64字符串作为属性

var character2 = {
  image: 'super-long-base64-stringbd39bf37fb893whf793whf839...'
}
从那里你可以写一个函数,可以把img放在屏幕上

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

这将只是将图像附加到主体,位置和位置必须进行处理它

character.image=new image()?您希望键是图像还是键的值是图像?函数young_link={power:30,cpower:20,hp:3,img:I want the image HERE}那么我在对象内部执行此操作吗?哦,我看到图像:是keyyes,因此在本例中,键是'image',值将是图像的url或base64编码Yes,如果您使用的是本地文件,则只需使用url方法引用它们。因此,如果图像与js文件位于同一目录中,您可以像这样引用它:{image:'myimage.gif'}var young_link={power:30,cpower:20,hp:3,image:../images/young_link.jpg};