在对象内部绘制图像

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