Flash Actionscript 3 将 Sprite 转换为 Bitmap/BitmapData - 未出现在舞台上答案

【问题标题】：Flash Actionscript 3 Converting Sprite to Bitmap/BitmapData - Not showing up on stageFlash Actionscript 3 将 Sprite 转换为 Bitmap/BitmapData - 未出现在舞台上
【发布时间】：2013-06-12 06:52:07
【问题描述】：

我正在尝试将 Sprite 转换为 Bitmap（首先从 Sprite 创建一个 BitMapData），但无论我做什么，Bitmap 似乎都没有出现。

public class Platform 
{
    private var startingPointX:Number;
    private var startingPointY:Number;
    private var length:Number;
    private var platformLine:Sprite;
    private var color:uint;

    private var platformBitmap:Bitmap;
    private var platformBitmapData:BitmapData;

    public function Platform(stage:Stage, startX:Number, startY:Number, len:Number, theColor:uint) 
    {
        startingPointX = startX;
        startingPointY = startY;
        length = len;
        color = theColor;

        platformLine = new Sprite();
        platformLine.graphics.lineStyle(5, color);
        platformLine.graphics.moveTo(startingPointX, startingPointY);
        platformLine.graphics.lineTo(startingPointX + length, startingPointY);          
        platformBitmapData = new BitmapData(platformLine.width, platformLine.height);
        platformBitmapData.draw(platformLine);

        platformBitmap = new Bitmap(platformBitmapData);

        //stage.addChild(platformLine);
        stage.addChild(platformBitmap);
    }

}

是的，我导入了所有内容。一切正常运行。

Sprite 本身（我在上面称为 platformLine）能够显示（参见上面的注释行）。但是，stage.addChild(platformBitmap) 不会在舞台上显示任何内容。使用 beginFill 和 endFill 方法似乎没有任何改变。

我查了很多关于将Sprites转换为Bitmaps的网站，都说要用BitmapData的draw方法来做。

所以我的问题是......为什么 platformBitmap 最终对我来说是“空白”？

【问题讨论】：

标签： actionscript-3 flash actionscript

【解决方案1】：

最有可能发生的情况如下：

你在 platformLine 中画一条线，从坐标 (100, 100) 开始，到 (110, 100) 结束，粗细为 5px。 platformLine.width 和 platform.height 将分别为 10 和 5。

当您创建大小为 10、5 的 BitmapData 并绘制 platformLine 时，默认情况下，platformLine 的 origo 将在 BitmapData 中的像素 0、0 处绘制。由于该线从 (100, 100) 开始，因此您绘制了 platformLine 的空白部分，因此没有绘制任何内容。要解决此问题，您可以为 draw 方法指定一个 Matrix：

 var platformLineBounds : Rectangle = platformLine.getBounds(platformLine);
 var m : Matrix = new Matrix();
 m.translate(-platformLineBounds.x, -platformLineBounds.y);
 platformBitmapData.draw(platformLine, m);

我们基本上在platformLine中找到封装所有图形的矩形，然后定义一个Matrix，使图形的左上角从BitmapData中的(0, 0)处开始绘制。

【讨论】：

【解决方案2】：

您的.draw() 将从platformLine 的注册点开始捕获图形。它将继续水平捕获图形，直至您为BitmapData 的构造函数提供的width，同样适用于垂直使用height。

查看您的代码，您的platformLine 始终位于0,0。似乎您没有将精灵本身移动到您需要的位置，而是使用startX 和startY 开始在精灵中您需要的任何位置绘制图形。

这是您遇到问题的地方。您最终可能会得到一个精灵，其图形直到距其注册点 40 像素时才开始。在此示例中，这些图形是 20 像素 x 20 像素，这意味着您为 BitmapData 提供的宽度和高度也是 20。您开始在 20x20 区域中从精灵的左上角绘制图形，但是那里在40,40 之前没有要绘制的实际图形。结果是一个空白位图。

为了解决这个问题，BitmapData.draw() 有一个接受Rectangle 的参数（它是第 5 个）。这个 Rectangle 可以用来定义你想要从 sprite 上复制图形的区域。

【讨论】：