Flash / Flex / ActionScript/Graphics/lineStyle

Apply a 3 pixel-thick blue stroke

   <source lang="java">

package{

 import flash.display.*;
 
 public class Main extends Sprite{
   public function Main(){
       var canvas:Shape = new Shape(  );
       canvas.graphics.lineStyle(3, 0x0000FF);  // Apply blue stroke
       canvas.graphics.lineTo(25, 35);
       addChild(canvas);
   }
 }

}

       </source>
   
  

Change line style while drawing

   <source lang="java">

package{

 import flash.display.*;
 
 public class Main extends Sprite{
   public function Main(){
       var canvas:Shape = new Shape(  );
       canvas.graphics.lineStyle(1, 0x000000);
       canvas.graphics.lineTo(100, 0);
       canvas.graphics.lineStyle(5, 0xFF0000);
       canvas.graphics.lineTo(100, 100);
       canvas.graphics.lineStyle(10, 0x00FF00);
       canvas.graphics.lineTo(0, 100);
       canvas.graphics.lineStyle(15, 0x0000FF);
       canvas.graphics.lineTo(0, 0);
       addChild(canvas);
   }
 }

}

       </source>
   
  

Set Caps style to Round

   <source lang="java">

package{

 import flash.display.Sprite;
 import flash.display.*;
 public class Main extends Sprite{
   public function Main(){
        graphics.lineStyle(1, 0xff0000, 1, true, LineScaleMode.NONE, CapsStyle.ROUND, JointStyle.ROUND, 20);
           for(var i:int=0;i<100;i++) {
               graphics.lineTo(Math.random(  ) * 400, Math.random(  ) * 400);
           }
   }
 }

}

       </source>
   
  

Set the line style to 1 pixel-thick, solid green

   <source lang="java">

package{

 import flash.display.*;
 
 public class Main extends Sprite{
   public function Main(){
       var canvas:Shape = new Shape(  );
       canvas.graphics.lineStyle(1, 0x00FF00)
       
       canvas.graphics.lineTo(25, 35);
       
       addChild(canvas);
   }
 }

}

       </source>
   
  

Set the line style to 2 pixels thick, 50% transparent green

   <source lang="java">

package{

 import flash.display.*;
 
 public class Main extends Sprite{
   public function Main(){
       var canvas:Shape = new Shape(  );
       canvas.graphics.lineStyle(1, 0x00FF00, 50)
       
       canvas.graphics.lineTo(25, 35);
       
       addChild(canvas);
   }
 }

}

       </source>
   
  

The following code sets the line style to 1 pixel-thick, solid black:

   <source lang="java">

lineStyle(thickness:Number = 1.0,

         color:uint = 0,
         alpha:Number = 1.0,
         pixelHinting:Boolean = false,
         scaleMode:String = "normal",
         caps:String = null,
         joints:String = null,
         miterLimit:Number = 3)

package{

 import flash.display.*;
 
 public class Main extends Sprite{
   public function Main(){
       var canvas:Shape = new Shape(  );
       canvas.graphics.lineStyle(1)
       
       canvas.graphics.lineTo(25, 35);
       
       addChild(canvas);
       
   }
 }

}

       </source>
   
  

To set the rendering style for corners, we use lineStyle( )"s joints parameter.

   <source lang="java">

package{

 import flash.display.*;
 
 public class Main extends Sprite{
   public function Main(){
       var triangle:Shape = new Shape(  );
       triangle.graphics.lineStyle(20, 0, 1, false, LineScaleMode.NORMAL,
                                   CapsStyle.ROUND, JointStyle.MITER);
       
       triangle.graphics.beginFill(0xFF0000, 1);
       triangle.graphics.lineStyle(20);
       triangle.graphics.lineTo(125, 125); // Draw a line down and right
       triangle.graphics.lineTo(250, 0);   // Draw a line up and right
       triangle.graphics.lineTo(0, 0);     // Draw a line left
       triangle.graphics.endFill(  );
       addChild(triangle);
   }
 }

}

       </source>
   
  

To turn the stroke off completely, set thickness to undefined or call lineStyle( ) with no parameters.

   <source lang="java">

package{

 import flash.display.*;
 
 public class Main extends Sprite{
   public function Main(){
       var canvas:Shape = new Shape(  );
       canvas.graphics.lineStyle(undefined);   // Turn off lines in canvas
       canvas.graphics.lineStyle(  );            // Same thing
       
       canvas.graphics.lineTo(25, 35);
       addChild(canvas);
   }
 }

}

       </source>