使用EaselJS StageGL高效绘制网格

var shape = new createjs.Shape();
shape.graphics.drawStuff();

// Since shapes have no bounds, you will have to know the bounds based on what you draw:
shape.cache(x, y, w, h);

var bmp = new createjs.Bitmap(shape.cacheCanvas);

您可以绘制尽可能多的位图,而无需任何额外成本,因为它是相同的源画布/图像。EaselJS StageGL(最新的下一个版本,有望很快发布)在WebGL中实现了这一点。

查看GitHub中的SpriteSheetBuilder演示和文档,将内容绘制到SpriteSheet/Sprite,而不是位图。

干杯