Draw image inside object

Question

I have a bird={} object, and I want the bird object to have an image to represent it, but I need to have other properties inside the bird other than its image. How do I do that? Thanks in advance.

Answer 1

you can use base64. link

var bird = { IMAGE:"data-image/png;AAASFS..." }

Or you can keep image location like that;

var bird = { URL:"C:/Users/..../bird.png" }

Answer 2

You can simply use the following code to create a HTML DOM Image Object.

var bird = new Image();
bird.src = "http://www.ImageURL.png";

Answer 3

Try something like this:

var bird =  {color: "blue", weight: 30, eyeColor:"#0000ff", imageSoure: "C:/Users/..../bird.png"};