如何栅格化包含路径数据的图形?

时间:2015-02-25 18:07:52

标签: actionscript-3 svg rasterize

我正在尝试将一些SVG数据光栅化为PNG,但它无法正常工作。有人可以告诉我我做错了吗?

此代码似乎没有BitmapData对象中的任何数据。

 var color:uint = Math.floor( (Math.random() * 0xFFFF00) + 0x0000FF);
 var graphic:Graphic = new Graphic();
 graphic.graphics.beginFill(color);

 var pathData:String = "M 0 0 L 0 40 L 40 40 L 40 40 Z";
 var path:Path = new Path();
 path.data = pathData;
 path.x =0;
 path.y=0;
 path.width = 40;
 path.height = 40;
 path.stroke=new SolidColorStroke(100);
 path.fill=new SolidColor(100);
 path.winding = GraphicsPathWinding.EVEN_ODD;
 graphic.addElement(path);
 graphic.width = 40;
 graphic.height = 40;
 graphic.validateNow();
 var FillColor = 0x00000000;
 var bitMapData:BitmapData = new BitmapData(graphic.width,graphic.height, true, FillColor);
 bitMapData.draw(graphic);

但是这段代码确实:

var graphic:Graphic = new Graphic();
graphic.graphics.beginFill(color);
var width:Number = Math.floor(Math.random() * (MAXWIDTH-MINWIDTH)) + MINWIDTH;
var height:Number = Math.floor(Math.random() * (MAXHEIGHT-MINHIEGHT)) + MINHIEGHT;
var radius:Number = Math.floor( (Math.random()*(MAXRADIUS-MINRADIUS)))+MINRADIUS;
width = height = radius*2;
graphic.graphics.drawCircle(radius, radius,radius );
graphic.graphics.endFill();

var FillColor = 0x00000000;
var bitMapData:BitmapData = new BitmapData(graphic.width,graphic.height, true, FillColor);
bitMapData.draw(graphic);

如果我这样做:

 var temp:Graphic = new Graphic();
    temp.graphics.beginFill(0x000000);
    temp.graphics.drawRect(0,0,width/2, height/2);
    temp.graphics.endFill();
    sprite.graphics.drawRect(0,0,width, height);
    sprite.addElement(temp);

两个矩形在画布上绘制,但

BitMapData.draw(sprite);

仅显示顶级精灵。

1 个答案:

答案 0 :(得分:0)

所以我明白了。路径使用BeforeDraw(),Draw()和EndDraw(),它们执行填充和描边操作。问题是在路径在画布上呈现之前不会调用这些函数。所以,我扩展了我的路径类并且过度使用了EndDraw()函数。在这个函数中,我发送了一个事件。然后,当我捕获事件时,我可以从路径(现在填充)中获取DisplayObject,并将该对象传递给BitmapData()。