Shape.graphics.beginBitmap使用EaselJS填充

时间:2014-03-14 20:05:50

标签: javascript bitmap easeljs

嘿我用easelJS(到javascript)导出了一个flash项目,我试图用位图填充一个形状:

this.shape = new cjs.Shape();
//this.shape.graphics.f("#333333").s().p("AifCgIAAk/IE/AAIAAE/g");
var image = new Image();
image.src = "images/Bitmap1.jpg";
this.shape.graphics.beginBitmapFill( image );

评论行来自原始导出(绘制一个灰色矩形。问题是:如何使用位图填充形状?

整件事:http://pastebin.com/K79sLtHT

1 个答案:

答案 0 :(得分:1)

" f()"在导出中调用是纯色填充。只需将其替换为您的位图填充:

this.shape.graphics.beginBitmapFill( image ).s().p("AifCgIAAk/IE/AAIAAE/g");

请注意,除非在加载图像后更新(即重新绘制)舞台,否则不会显示填充。因此,您可能要么在运行此绘图代码之前预先加载该图像,要么确保在" image"之后调用stage.update()。负载。如果您有一个活动的Ticker更新舞台(如果您的FLA中有任何动画,Flash会在导出时设置),后者将自动发生。