在 Flash 中拍摄显示对象可见区域的快照

Question

我在 flash (AS3) 中有相机输入应用程序，我在它上面画了一些图形。我想拍摄舞台可见区域的图像快照，但只有视频和我在视频上绘制的图形。我想从图像快照中排除控件。我的显示对象布局具有以下关系：

-stage
 --canvas (Sprite)
  ---video (Video)
  ---overlayed graphics (Sprites, MCs, Shapes)
 --controls (Buttons)

舞台大小是固定的，我想拍摄画布元素子级的所有内容的图像快照（相机输入视频和覆盖图形，但不包括控件）。当叠加的图形位于舞台大小的范围内时，我可以制作此图像快照。我是这样做的：

var bmpd:BitmapData = new BitmapData(canvas.width, canvas.height);
bmpd.draw(canvas, new Matrix(1, 0, 0, 1, canvas.x, canvas.y));

但是，当我在画布上的视频顶部绘制的图形超出舞台显示区域的边界时，这会给我带来不想要的结果。如何将图像快照限制在舞台内可见区域的范围内？

谢谢

Answer 1

我过去所做的是使用 as3corelib，其中包含 JPG 的编码器类（JPGEncoder.as) 和 PNG (PNGEncoder.as）图像文件。这些类使得从显示对象创建图像文件变得非常轻松。

这是我的一个程序中的代码，它使用 FileReference 将整个舞台及其所有子级的 .png 保存到本地磁盘。

//Save Canvas Snapshot
private function saveCanvasSnapshot():void
    {
    var bitmapData:BitmapData = new BitmapData(DropSwatch.controller.stage.stageWidth, DropSwatch.controller.stage.stageHeight);
    bitmapData.draw(DropSwatch.controller);
    var file:ByteArray = PNGEncoder.encode(bitmapData);

    var fileReference:FileReference = new FileReference();
    fileReference.save(file, "DropSwatchCanvas.png");
    }

在您的情况下，由于您想要除控件之外的所有图层，因此您可以简单地在绘制 biamapData 时使控件图层不可见，然后让它们重新出现。然后使用 PNGEncoder（或 JPGEncoder）对 bitmapData 进行编码，将其分配给 ByteArray 并将 byteArray 保存为 .png（或 .jpg）

Answer 2

draw(source:IBitmapDrawable、matrix:Matrix = null、colorTransform:flash.geom:ColorTransform = null、blendMode:String = null、clipRect:Rectangle = null、smoothing:Boolean = false) :void

根据画布大小设置clipRect参数（设置宽度和高度等于画布的宽度和高度）。

Answer 3

bitmapData.copyPixels() 允许您获取 bmpd 中像素的子矩形。

这是两个步骤，我确信在绘制中的clipRectangle 一步就能完成，但我昨天就遇到了这个问题，并且无法让clipRectangle 正常工作，所以我只是采取了这种做法。