EaselJS 将 DisplayObject 导出为位图

Question

我有一个 EaselJS Container object，我想将其内容（子项 Bitmaps）导出为图像（类似于您使用 ActionScript PNGEncoder.encode 执行的操作）。

这可能吗？我还有其他我不想导出的对象，所以导出完整的 <canvas> 是行不通的。

Answer 1

您可以使用 getCacheDataURL 方法将任何 缓存的 DisplayObject 导出到图像数据 url。

http://jsfiddle.net/lannymcnie/jqfgynve/1/

bmp.cache(0,0,image.width,image.height);
var url = bmp.getCacheDataURL();
var img = new Image();
img.src = url;

任何时候缓存图像时，都会创建一个 canvas 来代替图像。此方法在缓存上调用 toDataURL()-canvas，生成可传递到图像源的数据 URL。

请注意，toDataURL 不是超级性能 API。