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