묘화 area를 비트 맵 이미지로 전부 칠합니다. 비트 맵을 반복하는지, 타일링 표시해, area를 전부 칠할 수가 있습니다. beginFill(),beginBitmapFill(), 또는 beginGradientFill() Methods를 호출할 때까지, 칠은 유효인 채입니다. clear() Methods를 호출하면, 칠이 클리어 됩니다.

endFill() Methods가 불려 갈 때까지, 칠은 렌더링 되지 않습니다(drawCircle(),drawEllipse(),drawRect(), 및 drawRoundRect() Methods는, 자동적으로 endFill() Methods를 호출합니다).

  matrix = new flash.geom.Matrix(); 
  matrix.rotate(Math.PI/4);
  

See also

object의 다른 Graphics Methods (lineTo() 나 drawCircle() 등)에 대한 향후의 호출해에 사용하는 단순한 단색 칠을 지정합니다. beginFill(),beginBitmapFill(), 또는 beginGradientFill() Methods를 호출할 때까지, 칠은 유효인 채입니다. clear() Methods를 호출하면, 칠이 클리어 됩니다.

endFill() Methods가 불려 갈 때까지, 칠은 렌더링 되지 않습니다(drawCircle(),drawEllipse(),drawRect(), 및 drawRoundRect() Methods는, 자동적으로 endFill() Methods를 호출합니다).

See also

object의 다른 Graphics Methods (lineTo() 나 drawCircle() 등)에 대한 향후의 호출해에 사용하는 그라데이션 칠을 지정합니다. beginFill(),beginBitmapFill(), 또는 beginGradientFill() Methods를 호출할 때까지, 칠은 유효인 채입니다. clear() Methods를 호출하면, 칠이 클리어 됩니다.

endFill() Methods가 불려 갈 때까지, 칠은 렌더링 되지 않습니다(drawCircle(),drawEllipse(),drawRect(), 및 drawRoundRect() Methods는, 자동적으로 endFill() Methods를 호출합니다).

	type:String — 사용하는 그라데이션의 타입을 지정하는 GradientType 클래스의 값은, 다음과 같습니다. GradientType.LINEAR 또는 GradientType.RADIAL.
	colors:Array — 그라데이션으로 사용하는 RGB 16 진칼라치의 배열 (빨강 0 xFF0000, 파랑 0x0000FF 등). 최대 15 색까지 지정할 수 있습니다. 각 색에 대해, alphas Parameters와 ratios Parameters로 대응하는 값을 반드시 지정해 주세요.
	alphas:Array — colors 배열내의 각 색에 대응하는 알파치의 배열. 유효한 값은 0 ~ 1 입니다. 0 미만의 값의 경우는, 디폴트로 0 이 적용됩니다. 1 보다 큰 값의 경우는, 디폴트로 1 이 적용됩니다.
	ratios:Array — 색분포의 비율의 배열. 유효한 값은 0 ~ 255 입니다. 이 값은,100% 로 샘플링 되는 색의 폭의 비율을 퍼센트로 정의합니다. 값 0 은 그라데이션복스의 왼쪽의 위치를 나타내, 255 는 그라데이션복스의 오른쪽의 위치를 나타냅니다. 메모: 이 값은, 그라데이션복스내의 위치를 나타내서 , 최종 그라데이션의 좌표 공간을 나타내는 것이 아닙니다. 최종 그라데이션은, 그라데이션복스보다 넓어지거나 좁아지거나 하는 경우가 있습니다. colors Parameters의 값 마다, 값을 지정해 주세요. 예를 들어, 파랑과 초록의 2 색을 포함한 선상 그라데이션의 경우, 다음의 예는,ratios 배열의 다양한 값에 근거해 배치되는 색을 나타냅니다. ratios 그라데이션 [0, 127] [0, 255] [127, 255] 배열내의 값은,[0, 63, 127, 190, 255] 와 같이 순서로 늘려 갈 필요가 있습니다.
	matrix:Matrix (default = null) — flash.geom.Matrix 클래스에서 정의되는 변환 매트릭스입니다. flash.geom.Matrix 클래스에는,createGradientBox() Methods가 있습니다. 이 Methods를 사용하면,beginGradientFill() Methods로 사용할 수 있는 매트릭스를 용이하게 설정할 수 있습니다.
	spreadMethod:String (default = "pad") — 사용하는 spread Methods를 지정하는 SpreadMethod 클래스의 값은, 다음의 머지않아인가입니다. SpreadMethod.PAD,SpreadMethod.REFLECT, 또는 SpreadMethod.REPEAT. 예를 들어, 2 개의 색의 사이에 간단한 선상 그라데이션이 있다고 합니다. import flash.geom. * import flash.display. * var fillType:String = GradientType.LINEAR; var colors:Array = [0xFF0000, 0x0000FF]; var alphas:Array = [100, 100]; var ratios:Array = [0x00, 0xFF]; var matr:Matrix = new Matrix(); matr.createGradientBox(20, 20, 0, 0, 0); var spreadMethod:String = SpreadMethod.PAD; this.graphics.beginGradientFill(fillType, colors, alphas, ratios, matr, spreadMethod); this.graphics.drawRect(0,0,100,100); 이 예에서는 spread Methods에 SpreadMethod.PAD 를 사용하고 있기 (위해)때문에, 그라데이션의 칠은 다음과 같이 됩니다. spread Methods에 SpreadMethod.REFLECT 를 사용하는 경우, 그라데이션의 칠은 다음과 같이 됩니다. spread Methods에 SpreadMethod.REPEAT 를 사용하는 경우, 그라데이션의 칠은 다음과 같이 됩니다.
	interpolationMethod:String (default = "rgb") — 사용하는 값을 지정하는 InterpolationMethod 클래스의 값은, 다음과 같습니다. InterpolationMethod.linearRGB 또는 InterpolationMethod.RGB 예를 들어, 2 개의 색의 사이에,spreadMethod Parameters가 SpreadMethod.REFLECT 로 설정된 간단한 선상 그라데이션이 있다고 합니다. 각각의 보간 방법으로, 외관에 다음과 같은 영향이 있습니다. InterpolationMethod.LINEAR_RGB InterpolationMethod.RGB
	focalPointRatio:Number (default = 0) — 그라데이션의 초점의 위치를 나타내는 수치입니다. 0 은 초점이 중앙에 있는 것, 1 은 초점이 그라데이션엔의 몇개의 경계에 있는 것,-1 은 초점이 그라데이션엔의 이제(벌써) 한편의 경계에 있는 것을 나타냅니다. -1 미만 또는 1 보다 큰 값은,-1 또는 1 에 말 수 있습니다. 예를 들어, 다음의 예에서는,focalPointRatio 가 0.75 로 설정되어 있습니다.

See also

이 Graphics object에 묘화 되고 있는 그래픽을 클리어 해, 칠과 선의 스타일의 설정을 리셋트 합니다.

(controlX, controlY)(으)로 지정된 컨트롤 포인트를 사용해, 현재의 묘화 위치로부터 (anchorX, anchorY)까지, 현재의 선의 스타일로 곡선을 묘화 합니다. 그 후, 현재의 묘화 위치는 (anchorX, anchorY)으로 설정됩니다. 묘화처의 무비 클립에 Flash 의 묘화 툴로 작성한 컨텐츠가 포함되어 있는 경우는,curveTo() Methods에의 호출의 결과는 이 컨텐츠아래에 묘화 됩니다. moveTo() Methods를 호출하기 전에 curveTo() Methods를 호출하면, 현재의 묘화 위치는 디폴트로 (0,0)가 됩니다. 몇개의 Parameters를 생략 하면, 이 Methods는 실패해, 현재의 묘화 위치는 변경되지 않습니다.

묘화 되는 곡선은, 2차 베지에곡선입니다. 2차 베지에곡선은, 2 개의 엥커 포인트와 1 개의 컨트롤 포인트로 구성되어 있습니다. 곡선은, 2 개의 엥커 포인트를 보간 해, 컨트롤 포인트로 향합니다.

엔을 묘화 합니다. drawCircle() Methods를 호출하기 전에,linestyle(),lineGradientStyle(),beginFill(),beginGradientFill(), 또는 beginBitmapFill() Methods를 호출해, 선의 스타일 또는 발라, 혹은 그 양쪽 모두를 설정할 필요가 있습니다.

See also

타원을 묘화 합니다. drawEllipse() Methods를 호출하기 전에,linestyle(),lineGradientStyle(),beginFill(),beginGradientFill(), 또는 beginBitmapFill() Methods를 호출해, 선의 스타일 또는 발라, 혹은 그 양쪽 모두를 설정할 필요가 있습니다.

See also

구형을 묘화 합니다. drawRect() Methods를 호출하기 전에,linestyle(),lineGradientStyle(),beginFill(),beginGradientFill(), 또는 beginBitmapFill() Methods를 호출해, 선의 스타일 또는 발라, 혹은 그 양쪽 모두를 설정할 필요가 있습니다.

See also

각환구형을 묘화 합니다. drawRoundRect() Methods를 호출하기 전에,linestyle(),lineGradientStyle(),beginFill(),beginGradientFill(), 또는 beginBitmapFill() Methods를 호출해, 선의 스타일 또는 발라, 혹은 그 양쪽 모두를 설정할 필요가 있습니다.

See also

beginFill(),beginGradientFill(), 또는 beginBitmapFill() Methods에의 마지막 호출해 이후에 추가된 선과 곡선에 칠을 적용합니다. 적용되는 칠은,beginFill(),beginGradientFill(), 또는 beginBitmapFill() Methods의 전회의 호출로 지정된 것입니다. 현재의 묘화 위치가 moveTo() Methods의 직전의 호출로 지정된 좌표와 동일하지 않은 경우, 칠이 정의되고 있으면, 패스가 선으로 닫혀진 후, 칠이 적용됩니다.

See also

object의 다른 Graphics Methods (lineTo() 나 drawCircle() 등)에 대한 향후의 호출해에 사용하는 선스타일의 그라데이션을 지정합니다. 선의 스타일은,lineStyle() Methods 또는 lineGradientStyle() Methods를 다른 Parameters로 호출할 때까지 유효인 채입니다. 패스의 묘화중에 lineGradientStyle() Methods를 호출해, 패스내의 선의 세그먼트(segment) 마다 다른 스타일을 지정할 수 있습니다.

lineGradientStyle() 를 호출하기 전에 lineStyle() 를 호출해 선을 유효하게 합니다. 그렇게 하지 않으면 선의 스타일이 undefined 대로 됩니다.

clear() 를 호출하면, 선의 스타일이 undefined 에 돌아옵니다.

	type:String — 사용하는 그라데이션의 타입을 지정하는 GradientType 클래스의 값은, GradientType.LINEAR 또는 GradientType.RADIAL 의 머지않아인가입니다.
	colors:Array — 그라데이션으로 사용하는 RGB 16 진칼라치의 배열 (빨강 0 xFF0000, 파랑 0x0000FF 등).
	alphas:Array — colors 배열내의 각 색에 대응하는 알파치의 배열. 유효한 값은 0 ~ 100 입니다. 0 미만의 값의 경우는 0 이, 100 을 넘는 값의 경우는 100 이 적용됩니다.
	ratios:Array — 색분포의 비율의 배열. 유효한 값은 0 ~ 255 입니다. 이 값은,100% 로 샘플링 되는 색의 폭의 비율을 퍼센트로 정의합니다. 값 0 은 그라데이션복스의 왼쪽의 위치를 나타내, 255 는 그라데이션복스의 오른쪽의 위치를 나타냅니다. 이 값은, 그라데이션복스내의 위치를 나타내서 , 최종 그라데이션의 좌표 공간을 나타내는 것이 아닙니다. 최종 그라데이션은, 그라데이션복스보다 넓어지거나 좁아지거나 하는 경우가 있습니다. colors Parameters의 값 마다, 값을 지정해 주세요. 예를 들어, 파랑과 초록의 2 색을 포함한 선상 그라데이션의 경우, 다음의 그림은,ratios 배열의 다양한 값에 근거해 배치되는 색을 나타냅니다. ratios 그라데이션 [0, 127] [0, 255] [127, 255] 배열내의 값은,[0, 63, 127, 190, 255] 와 같이 순서로 늘려 갈 필요가 있습니다.
	matrix:Matrix (default = null) — flash.geom.Matrix 클래스에서 정의되는 변환 매트릭스입니다. flash.geom.Matrix 클래스에는,createGradientBox() Methods가 있습니다. 이 Methods를 사용하면,lineGradientStyle() Methods로 사용할 수 있는 매트릭스를 용이하게 설정할 수 있습니다.
	spreadMethod:String (default = "pad") — 사용하는 spread Methods를 지정하는 SpreadMethod 클래스의 값은, 다음과 같습니다. SpreadMethod.PAD SpreadMethod.REFLECT SpreadMethod.REPEAT
	interpolationMethod:String (default = "rgb") — 사용하는 값을 지정하는 InterpolationMethod 클래스의 값입니다. 예를 들어, 2 개의 색의 사이에,spreadMethod Parameters가 SpreadMethod.REFLECT 로 설정된 간단한 선상 그라데이션이 있다고 합니다. 각각의 보간 방법으로, 외관에 다음과 같은 영향이 있습니다. InterpolationMethod.LINEAR_RGB InterpolationMethod.RGB
	focalPointRatio:Number (default = 0) — 그라데이션의 초점의 위치를 나타내는 수치입니다. 0 은 초점이 중앙에 있는 것, 1 은 초점이 그라데이션엔의 몇개의 경계에 있는 것,-1 은 초점이 그라데이션엔의 이제(벌써) 한편의 경계에 있는 것을 나타냅니다. -1 미만의 값은 -1 에, 1 보다 큰 값은 1 에 말 수 있습니다. 다음의 이미지는,focalPointRatio 를 -0. 75 로 설정한 그라데이션을 나타내고 있습니다.

See also

object의 다른 Graphics Methods (lineTo() 나 drawCircle() 등)에 대한 향후의 호출해에 사용하는 선의 스타일을 지정합니다. 선의 스타일은,lineGradientStyle() Methods 또는 lineStyle() Methods를 다른 Parameters로 호출할 때까지 유효인 채입니다. 패스의 묘화중에 lineStyle() Methods를 호출해, 패스내의 선의 세그먼트(segment) 마다 다른 스타일을 지정할 수 있습니다.

메모 :clear() Methods를 호출하면, 선의 스타일이 undefined 에 돌아옵니다.

See also

현재의 묘화 위치로부터 (x, y)까지, 현재의 선의 스타일을 사용해 선을 묘화 합니다. 그 후로, 현재의 묘화 위치는 (x, y)으로 설정됩니다. 묘화처 display object에 Flash 의 묘화 툴로 작성한 컨텐츠가 포함되어 있는 경우,lineTo() Methods에의 호출의 결과는 이 컨텐츠아래에 묘화 됩니다. moveTo() Methods를 호출하기 전에 lineTo() 를 호출하면, 현재의 묘화 위치는 디폴트로 (0,0)가 됩니다. 몇개의 Parameters를 생략 하면, 이 Methods는 실패해, 현재의 묘화 위치는 변경되지 않습니다.

현재의 묘화 위치를 (x, y)로 이동합니다. 몇개의 Parameters를 생략 하면, 이 Methods는 실패해, 현재의 묘화 위치는 변경되지 않습니다.

1. 다음에 각 셰이프의 크기를 결정할 때에 사용하는 size property를 선언합니다.
2. 배경색을 오렌지색, 경계선색을 진한 회색, 경계선의 크기를 0 픽셀, 각이 둥근 반경을 9 픽셀, 스테이지의 구석과 다른 object의 사이의 스페이스를 5 픽셀에, 각각 설정하는 property를 선언합니다.
3. 상기의 순서로 선언한 property를 Graphics 클래스의 빌트인 Methods와 함께 사용해, 엔, 각환구형, 및 사각형을, 좌표 x = 0, y = 0 에 묘화 합니다.
4. 스테이지의 맨 위에 배치된 각 셰이프를, x = 5, y = 5 로부터, 셰이프간의 스페이스를 5 픽셀로 해 재묘화 합니다.

package {
    import flash.display.DisplayObject;
    import flash.display.Graphics;
    import flash.display.Shape;
    import flash.display.Sprite;

    public class GraphicsExample extends Sprite {
        private var size:uint         = 80;
        private var bgColor:uint      = 0xFFCC00;
        private var borderColor:uint  = 0x666666;
        private var borderSize:uint   = 0;
        private var cornerRadius:uint = 9;
        private var gutter:uint       = 5;

        public function GraphicsExample() {
            doDrawCircle();
            doDrawRoundRect();
            doDrawRect();
            refreshLayout();
        }

        private function refreshLayout() :void {
            var ln:uint = numChildren;
            var child:DisplayObject;
            var lastChild:DisplayObject = getChildAt(0);
            lastChild.x = gutter;
            lastChild.y = gutter;
            for (var i:uint = 1; i < ln; i++) {
                child = getChildAt(i);
                child.x = gutter + lastChild.x + lastChild.width;
                child.y = gutter;
                lastChild = child;
            }
        }

        private function doDrawCircle() :void {
            var child:Shape = new Shape();
            var halfSize:uint = Math.round(size / 2);
            child.graphics.beginFill(bgColor);
            child.graphics.lineStyle(borderSize, borderColor);
            child.graphics.drawCircle(halfSize, halfSize, halfSize);
            child.graphics.endFill();
            addChild(child);
        }

        private function doDrawRoundRect() :void {
            var child:Shape = new Shape();
            child.graphics.beginFill(bgColor);
            child.graphics.lineStyle(borderSize, borderColor);
            child.graphics.drawRoundRect(0, 0, size, size, cornerRadius);
            child.graphics.endFill();
            addChild(child);
        }

        private function doDrawRect() :void {
            var child:Shape = new Shape();
            child.graphics.beginFill(bgColor);
            child.graphics.lineStyle(borderSize, borderColor);
            child.graphics.drawRect(0, 0, size, size);
            child.graphics.endFill();
            addChild(child);
        }
    }
}