首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >Flash Actionscript 3将Sprite转换为位图/BitmapData-不在舞台上显示

Flash Actionscript 3将Sprite转换为位图/BitmapData-不在舞台上显示
EN

Stack Overflow用户
提问于 2013-06-12 06:52:08
回答 2查看 4.7K关注 0票数 1

我正在尝试将雪碧图转换为位图(首先在雪碧图之外创建一个BitMapData ),但是无论我做什么,位图似乎都没有显示出来。

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
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方法似乎不会改变任何事情。

我查看了各种关于将Sprite转换为位图的站点,它们都说要使用BitmapData的draw方法来实现。

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

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2013-06-12 07:14:50

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

您在platformLine中绘制了一条粗细为5px的直线,起点是坐标(100,100),终点是(110,100)。platformLine.width和platform.height将分别为10和5。

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

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
 var platformLineBounds : Rectangle = platformLine.getBounds(platformLine);
 var m : Matrix = new Matrix();
 m.translate(-platformLineBounds.x, -platformLineBounds.y);
 platformBitmapData.draw(platformLine, m);

我们基本上找到了封装了platformLine中所有图形的矩形,然后定义了一个矩阵,这样图形的左上角就会在BitmapData中的(0,0)处开始绘制。

票数 4
EN

Stack Overflow用户

发布于 2013-06-12 07:05:36

您的.draw()将从platformLine的注册点开始捕获图形。它将继续水平捕获图形,只要您为BitmapData的构造函数提供width,使用height的垂直方向也是如此。

看一下你的代码,你的platformLine总是在0,0。似乎不是将精灵本身移动到需要它的地方,而是使用startXstartY开始在精灵中需要的任何地方绘制图形。

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

为了解决这个问题,BitmapData.draw()有一个接受Rectangle的参数(它是第5个)。此矩形可用于定义要在精灵上复制图形的区域。

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/17059316

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文