EaselJS将DisplayObject导出为位图

Question

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

这可能吗？我还有其他对象，我不想导出，因此导出完整的<canvas>将无效。

Answer 1

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

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;

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

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