線の端の処理の仕方を変える

(サンプル一覧を表示する)

FlashDevelop を使って、線の端の処理の仕方を変えるテストをしてみました。
Flash の実行画面
線の端の処理の仕方を変える

Flashプレーヤーが入っていないか、JavaScriptが無効になっているようです。

Get Adobe Flash player

線の端の処理の仕方を変える

ソースコード

package 
{
	import flash.display.CapsStyle;
	import flash.display.JointStyle;
	import flash.display.LineScaleMode;
	import flash.display.Sprite;
	import flash.events.Event;
	
	/**
	 * 線の端の処理の仕方を変えるサンプル
	 * @author Hikipuro
	 */
	public class Main extends Sprite 
	{
		
		/**
		 * コンストラクタ
		 */
		public function Main():void 
		{
			if (stage) init();
			else addEventListener(Event.ADDED_TO_STAGE, init);
		}
		
		/**
		 * 初期化イベント
		 * @param	e
		 */
		private function init(e:Event = null):void 
		{
			removeEventListener(Event.ADDED_TO_STAGE, init);
			// entry point
			
			var thickness:Number = 10;
			var color:uint = 0x8888ff;
			var alpha:uint = 1.0;
			var pixelHinting:Boolean = true;
			
			// 四角い線を描く
			graphics.lineStyle(thickness,
							   color,
							   alpha,
							   pixelHinting,
							   LineScaleMode.NORMAL, 
							   CapsStyle.NONE,
							   JointStyle.BEVEL);
			
			graphics.moveTo(20, 20);
			graphics.lineTo(280, 20);
			graphics.lineTo(20, 50);
			
			// 端の処理が丸い線を描く
			color= 0xff8888;
			graphics.lineStyle(thickness,
							   color,
							   alpha,
							   pixelHinting,
							   LineScaleMode.NORMAL, 
							   CapsStyle.ROUND,
							   JointStyle.ROUND);
			
			graphics.moveTo(20, 80);
			graphics.lineTo(280, 80);
			graphics.lineTo(20, 110);
			
			// 端の処理がとんがった線を描く
			color= 0x88ff88;
			graphics.lineStyle(thickness,
							   color,
							   alpha,
							   pixelHinting,
							   LineScaleMode.NORMAL, 
							   CapsStyle.NONE,
							   JointStyle.MITER,
							   255);
			
			graphics.moveTo(20, 140);
			graphics.lineTo(230, 140);
			graphics.lineTo(20, 170);
			
			// 端の処理が丸い四角形を描く
			color= 0xff88ff;
			graphics.lineStyle(thickness,
							   color,
							   alpha,
							   pixelHinting,
							   LineScaleMode.NORMAL, 
							   CapsStyle.NONE,
							   JointStyle.ROUND);
			
			graphics.drawRect(20, 190, 280, 30);
							   
		}
		
	}
	
}		

外部リンク