圖形的繪制

Graphics類提供了相關的方法：

1，清空畫布

?

graphics.clear();

?

2，設置畫筆

?

?

graphics.lineStyle(thickness:Number?=?NaN,?color:uint?=?0,?alpha:Number?=?1.0,?pixelHinting:Boolean?=?false,?scaleMode:String?=?"normal",?caps:String?=?null,?joints:String?=?null,?miterLimit:Number?=?3):void

?

?

設置畫筆后，就可以使用當前設置的畫筆粗細，顏色，透明度等繪制圖形，直到再次調用lineStyle方法改變畫筆設置。

3，設置畫筆起點

?

graphics.moveTo(startX,startY);

?

參數為橫縱坐標

4，繪制直線

?

graphics.lineTo(endX,endY);

?

參數為直線終點橫縱坐標

5，繪制矩形

?

graphics.drawRect(startX,startY,w,h);

?

參數分別為，開始橫坐標，開始縱坐標，寬度，高度

6，繪制橢圓：

?

graphics.drawEllipse(startX,startY,w,h);

?

參數分別為：起點橫坐標，起點縱坐標，寬度，高度

7，繪制三角形
我在as3中沒有找到繪制三角形的方法，可以繪制收尾相連的三條直線代替

private?function??draw(point1:Point,point2:Point,point3:Point):void

???????{

???????????this.graphics.moveTo(point1.x,point1.y);

???????????this.graphics.lineTo(point2.x,point2.y);

???????????this.graphics.lineTo(point3.x,point3.y);

???????????this.graphics.lineTo(point1.x,point1.y);

???????????

???????}

?

?

8,繪制不規則多邊形

其實就是很多很多小直線連成的

?

?

?

private?function?drawPolygon(pointArray:Array):void

???????{??????graphics.moveTo(Point(this.pointArray[0]).x,Point(this.pointArray[0]).y);

????????

???????????for(var?i:Number=1;i<this.pointArray.length;i++)

???????????{

??????????????graphics.lineTo(Point(this.pointArray[i]).x,Point(this.pointArray[i]).y);

???????????}

???????graphics.moveTo(Point(this.pointArray[0]).x,Point(this.pointArray[0]).y);

???????}

數組里存放的是一系列鼠標經過的點。

9，填充封閉圖形

?

graphics.beginFill(this.fillColor,this.fillAlpha);

???????????

???????????this.drawPolygon(this.pointArray);//something?like?this

???????

???????????graphics.endFill();

beginFill方法的前兩個參數是填充顏色和透明度

beginFill和endFill方法之間必須有一個使用畫筆繪制的封閉區域，可以是圓，矩形等，也可以是多條直線收尾相接形成的封閉圖形。

注：1，坐標位置都是相對于父容器的

??? 2，所有繼承Sprite的類都有一個屬性graphics用來得到一個Graphics的實例。

?

轉載于:https://www.cnblogs.com/zzy0471/archive/2008/06/28/1231715.html

總結

以上是生活随笔為你收集整理的flex白板之图形绘制函数的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。