在对象内绘制图像

Question

我有一个bird = {}对象，我希望鸟对象有一个图像来表示它，但我需要在鸟的内部有其他属性而不是它的图像。我怎么做？提前谢谢。

Answer 1

你可以使用base64。 link

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

或者您可以像这样保留图像位置;

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

Answer 2

您只需使用以下代码即可创建HTML DOM Image Object。

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

Answer 3

尝试这样的事情：

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