flex白板之图形绘制函数

 

图形的绘制

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方法的前两个参数是填充颜色和透明度

beginFillendFill方法之间必须有一个使用画笔绘制的封闭区域,可以是圆,矩形等,也可以是多条直线收尾相接形成的封闭图形。

注:1,坐标位置都是相对于父容器的

    2,所有继承Sprite的类都有一个属性graphics用来得到一个Graphics的实例。

原文地址:https://www.cnblogs.com/zzy0471/p/1231715.html