学习笔记：一起进入 PixiJS 的世界 (二)

开始绘图吧！

有了基础场景後，就可以开始画图了，首先使用new建构出PIXI.Graphics()图像物件，接下来可以利用drawRect()、drawCircle()等绘图函式，进行图像绘制。

这边要注意的是，由drawRect()、drawCircle()直接建立出来的原始状态图像，是不包含颜色与样式的，因此，可以先利用beginFill()、lineStyle()等函式定义样式後再绘制图像。

//建立出一个基础场景，将建立出来的场景放入网页中
let app = new PIXI.Application({ width: 640, height: 360 });
document.body.appendChild(app.view);
//建立绘图物件
let myObj = new PIXI.Graphics();
//先选择填色
myObj.beginFill(0xff0000);
//在绘图物件建立四边形
myObj.drawRect(0, 0, 200, 100);
myObj.endFill();
//将物件放置场景中
app.stage.addChild(myObj);

在beginFill()和endFill()中间产生物件中，都会以beginFill()定义的颜色做为填色。