如何使用EaselJS.Bitmap实例填充HTMLImageElement？

Question

我正在为我在CreateJS中开发的游戏创建帮助页面。帮助页面以简单的html格式完成。我想在帮助页面中填充一些来自游戏中来自EaselJS.bitmap实例的数据的Image元素。对此最好的方法是什么？

Answer 1

Bitmap实例使用HTMLImageElements绘制。

如果您已生成位图实例，则可以访问bmpInstance.image。如果您使用字符串路径创建位图，这可能是最好的方法。

var bmp = new createjs.Bitmap("path/to/image.jpg");
document.body.appendChild(bmp.image);

如果您使用PreloadJS进行预加载，则可以使用与填充位图相同的方式获得结果：

var img = queue.getResult("imageId"); // <-- That is an image element

希望有所帮助！