我使用 Shape.graphics.drawRoundRect()
绘制了一个形状,并应用了 lineStyle
。我正在尝试使用 Bitmap
将该形状捕获为 BitmapData.draw()
,但我遇到了笔画问题。见下文:
如您所见,使用 draw()
(和 drawWithQuality()
)时,笔划被剪裁了。线条以对象为中心绘制,因此厚度为 4(如我在示例中使用的)在形状区域外有 2 个像素,在其内有 2 个像素。 draw() 捕获从 (0,0) 到 (BitmapData.width,BitmapData.height) 的所有内容,似乎,因此 (0,0) 左侧和顶部的所有内容都丢失了。我尝试使用 clipRect 选项进行补偿,但具有讽刺意味的是,这只是使剪切的边框变得均匀。
知道如何捕获剩余的数据吗?
最佳答案
作为更通用的解决方案,您可以在其自己的坐标空间中获取对象的边界,并使用它来设置 BitmapData
的大小并偏移 draw()
:
import flash.geom.Matrix;
import flash.geom.Rectangle;
const thickness:int = 4;
const radius:int = 10;
const size:int = 100;
var shape:Shape = new Shape();
shape.graphics.lineStyle( thickness, 0xaaaaaa );
shape.graphics.beginFill( 0xdddddd );
shape.graphics.drawRoundRect( 0, 0, size, size, radius, radius );
shape.graphics.endFill();
addChild( shape );
var bounds:Rectangle = shape.getBounds(shape);
var m:Matrix = new Matrix();
m.translate(-bounds.left, -bounds.top);
var bmp1:Bitmap = new Bitmap();
bmp1.bitmapData = new BitmapData( bounds.width, bounds.height, true, 0 );
bmp1.x = 310;
bmp1.y = 100;
addChild( bmp1 );
bmp1.bitmapData.draw( shape, m );
关于actionscript-3 - 带有 LineStyle 笔划的图形上的 BitmapData.draw(),我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/15910741/