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.

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object — Teemu, Feb 15 '17 at 10:27

score 0 · Answer 1 · edited May 23 '17 at 12:31

0

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" }

edited May 23 '17 at 12:31

Community

1
1

answered Feb 15 '17 at 10:26

cbalakus

605
7
14

score 0 · Accepted Answer · answered Feb 15 '17 at 10:26

0

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

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

answered Feb 15 '17 at 10:26

user7393973

2,118
1
15
51

@MightySalmonStudiosLimited, glad to help! :) – user7393973 Feb 15 '17 at 10:47
@MightySalmonStudiosLimited, please make a new question with your issue so I can check it and try to help. That way you will get more attention from others too and at the same time, avoid editing and commenting to much here. (reply to your deleted comment) – user7393973 Feb 15 '17 at 15:18
It does not let me as this question was marked down by someone. would you mind answering if I send you an email or something? – Mighty Salmon Studios Limited Feb 15 '17 at 15:30
@MightySalmonStudiosLimited, I upvoted to match (0). Does that help? – user7393973 Feb 15 '17 at 15:33

score 0 · Answer 3 · answered Feb 15 '17 at 10:30

0

Try something like this:

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

answered Feb 15 '17 at 10:30

Grigoris Dimopoulos

124
6

Draw image inside object

3 Answers3