개요
Graphics 컴포넌트에 이미지를 표시할 때 사용되는 오브젝트입니다.
지원 환경
Desktop NRE | Desktop WRE | |||||
|---|---|---|---|---|---|---|
☑ Windows | ☑ macOS | ☑ Edge | ☑ Chrome | ☑ Safari | ☑ Firefox | ☑ Opera |
Mobile NRE | Mobile WRE | |||||
☑ Android | ☑ iOS/iPadOS | ☑ Android | ☑ iOS/iPadOS | |||
- 스크립트로 동적생성하여 사용할 수 있으며 넥사크로 스튜디오에서 디자인 할 수 없습니다.
속성
height
GraphicsImage 영역의 높이를 설정하는 속성입니다.
지원 환경
Desktop NRE | Desktop WRE | |||||
|---|---|---|---|---|---|---|
☑ Windows | ☑ macOS | ☑ Edge | ☑ Chrome | ☑ Safari | ☑ Firefox | ☑ Opera |
Mobile NRE | Mobile WRE | |||||
☑ Android | ☑ iOS/iPadOS | ☑ Android | ☑ iOS/iPadOS | |||
속성 타입
☐ Enum | ☐ Expr | ☐ Control | ☐ Hidden | ☐ ReadOnly | ☐ Bind | ☐ Collection | ☐ StringResource |
문법
GraphicsStock.height[= nHeight]
문법 설정
var objGObject = new nexacro.GraphicsImage(); objGObject.height = 300; | ||
nHeight | GraphicsImage 영역의 높이를 pixel 단위의 숫자로 설정합니다. "px" 단위 없이 숫자값만 설정하여야 합니다. | |
|---|---|---|
id
GraphicsImage 의 고유 식별자를 설정하는 속성입니다.
지원 환경
Desktop NRE | Desktop WRE | |||||
|---|---|---|---|---|---|---|
☑ Windows | ☑ macOS | ☑ Edge | ☑ Chrome | ☑ Safari | ☑ Firefox | ☑ Opera |
Mobile NRE | Mobile WRE | |||||
☑ Android | ☑ iOS/iPadOS | ☑ Android | ☑ iOS/iPadOS | |||
속성 타입
☐ Enum | ☐ Expr | ☐ Control | ☐ Hidden | ☑ ReadOnly | ☐ Bind | ☐ Collection | ☐ StringResource |
문법
GraphicsImage.id
문법 설정
var objGraphicsImage = new nexacro.GraphicsImage(); this.Graphics00.addChild( "GraphicsImage00", objGraphicsImage ); | ||
id | GraphicsImage 를 구별할 수 있는 유일값을 설정합니다. | |
|---|---|---|
참고
- addChild() 나 insertChild() 메소드를 사용하여 GraphicsImage 를 등록할때 오브젝트를 구별하기 위한 고유값입니다. - 속성명이나 메소드명과 같은 예약어를 설정할 경우 오류가 발생할 수 있습니다.
image
GraphicsImage 에 로드 할 이미지 파일의 위치 경로를 설정하는 속성입니다.
지원 환경
Desktop NRE | Desktop WRE | |||||
|---|---|---|---|---|---|---|
☑ Windows | ☑ macOS | ☑ Edge | ☑ Chrome | ☑ Safari | ☑ Firefox | ☑ Opera |
Mobile NRE | Mobile WRE | |||||
☑ Android | ☑ iOS/iPadOS | ☑ Android | ☑ iOS/iPadOS | |||
속성 타입
☐ Enum | ☐ Expr | ☐ Control | ☐ Hidden | ☐ ReadOnly | ☐ Bind | ☐ Collection | ☐ StringResource |
문법
GraphicsImage.image[= strImage]
문법 설정
strImage ::= 'URL(' <theme-Image> | <web-Image> | <absolute-image> | <relative-image> ')' | ||
var objGImage = new nexacro.GraphicsImage(); objGImage.image = "URL('theme://images/V13_logo.png')"; // 테마 이미지 objGImage.image = "URL('http://www.tobesoft.com/images/gnb/btn_h1.gif')"; // 웹 이미지 objGImage.image = "URL('file://C:\xplatform_logo.gif')"; // 절대경로 이미지 objGImage.image = "URL('Base::test.jpg')"; // TypeDefinition Prefix 이미지 objGImage.image = "URL('./test.jpg')"; // 상대경로 이미지 | ||
<theme-Image> | 테마에 정의된 이미지를 "theme://images/이미지명" 형식으로 설정합니다. 테마에 해당 이미지가 등록되어 있어야 합니다. | |
|---|---|---|
<web-Image> | 웹의 이미지를 "http://경로/이미지명", "https://경로/이미지명" 형식으로 설정합니다. 웹에 접근 가능한 환경이어야 합니다. | |
<absolute-image> | 로컬에 정의된 이미지를 "file://절대경로" 형식으로 설정합니다. 또는 TypeDefinition 영역의 Services 에 정의된 Prefix를 사용한 형식으로 설정합니다.
| |
<relative-image> | Form 의 위치를 기준으로 한 상대경로를 사용하여 설정합니다. | |
참고
- 이미지 데이터를 로드하지 않고 이미지 파일에 대한 핸들을 관리합니다. - GraphicsImage 에 이미지가 비동기로 로드됩니다. 이미지 용량과 위치에 따라서 image 속성 설정 후 곧바로 화면에 표시되지 않을 수 있습니다.
imageheight
GraphicsImage 에 로드된 이미지의 실제 높이값을 갖는 읽기전용 속성입니다.
지원 환경
Desktop NRE | Desktop WRE | |||||
|---|---|---|---|---|---|---|
☑ Windows | ☑ macOS | ☑ Edge | ☑ Chrome | ☑ Safari | ☑ Firefox | ☑ Opera |
Mobile NRE | Mobile WRE | |||||
☑ Android | ☑ iOS/iPadOS | ☑ Android | ☑ iOS/iPadOS | |||
속성 타입
☐ Enum | ☐ Expr | ☐ Control | ☐ Hidden | ☑ ReadOnly | ☐ Bind | ☐ Collection | ☐ StringResource |
문법
GraphicsImage.imageheight
참고
- GraphicsImage 에 이미지가 비동기로 로드됩니다. 따라서 image 속성에 값 설정 후 곧바로 imageheight 속성에 접근 시 잘못된 값을 얻을 수 있습니다. 이미지 로드가 완료된 후 imageheight 속성에 접근하여야 합니다.
imagewidth
GraphicsImage 에 로드된 이미지의 실제 너비값을 갖는 읽기전용 속성입니다.
지원 환경
Desktop NRE | Desktop WRE | |||||
|---|---|---|---|---|---|---|
☑ Windows | ☑ macOS | ☑ Edge | ☑ Chrome | ☑ Safari | ☑ Firefox | ☑ Opera |
Mobile NRE | Mobile WRE | |||||
☑ Android | ☑ iOS/iPadOS | ☑ Android | ☑ iOS/iPadOS | |||
속성 타입
☐ Enum | ☐ Expr | ☐ Control | ☐ Hidden | ☑ ReadOnly | ☐ Bind | ☐ Collection | ☐ StringResource |
문법
GraphicsImage.imagewidth
참고
- GraphicsImage 에 이미지가 비동기로 로드됩니다. 따라서 image 속성에 값설정 후 곧바로 imagewidth 속성에 접근 시 잘못된 값을 얻을 수 있습니다. 이미지 로드가 완료된 후 imagewidth 속성에 접근하여야 합니다.
opacity
GraphicsImage 영역의 투명도를 설정하는 속성입니다.
지원 환경
Desktop NRE | Desktop WRE | |||||
|---|---|---|---|---|---|---|
☑ Windows | ☑ macOS | ☑ Edge | ☑ Chrome | ☑ Safari | ☑ Firefox | ☑ Opera |
Mobile NRE | Mobile WRE | |||||
☑ Android | ☑ iOS/iPadOS | ☑ Android | ☑ iOS/iPadOS | |||
속성 타입
☐ Enum | ☐ Expr | ☐ Control | ☐ Hidden | ☐ ReadOnly | ☐ Bind | ☐ Collection | ☐ StringResource |
문법
GraphicsStock.opacity[= nOpacity]
문법 설정
var objGraphicsImage = new nexacro.GraphicsImage() ; objGraphicsImage.opacity = 0.5; objGraphicsImage.opacity = "0.5"; objGraphicsImage.opacity = "50%"; | ||
nOpacity | 0.0 ~ 1.0 사이의 값 또는 0.0% ~ 100.0% 사이의 값을 지정합니다. 0(또는 0%)을 설정하면 완전 투명, 1(또는 100%)을 설정하면 완전 불투명으로 처리됩니다. 1 이상의 값은 1로, 0 이하의 값은 0으로 처리됩니다. 마찬가지로 100% 이상의 값은 100%로, 0% 이하의 값은 0%로 처리됩니다. Script는 숫자 또는 문자(숫자, 퍼센트 값)로 설정할 수 있습니다. | |
|---|---|---|
참고
- opacity 속성값을 설정하지 않으면 undefined 가 설정되고 1 로 동작합니다. - GraphicsGroup 의 경우 하위 오브젝트에 투명도가 동일하게 적용됩니다. - 부모와 자식 오브젝트에 각각 opacity 속성이 설정되어 있으면 자식 오브젝트의 투명도는 부모의 투명도에 추가적으로 적용됩니다. 예를 들어 부모의 opacity 값이 0.5 이고 자식의 opacity 값이 0.4 이면 결과적으로 자식 오브젝트는 0.2 의 투명도가 적용됩니다.
parent
GraphicsImage 의 부모 오브젝트를 갖는 읽기전용 속성입니다.
지원 환경
Desktop NRE | Desktop WRE | |||||
|---|---|---|---|---|---|---|
☑ Windows | ☑ macOS | ☑ Edge | ☑ Chrome | ☑ Safari | ☑ Firefox | ☑ Opera |
Mobile NRE | Mobile WRE | |||||
☑ Android | ☑ iOS/iPadOS | ☑ Android | ☑ iOS/iPadOS | |||
속성 타입
☐ Enum | ☐ Expr | ☐ Control | ☑ Hidden | ☑ ReadOnly | ☐ Bind | ☐ Collection | ☐ StringResource |
문법
GraphicsImage.parent
참고
- 일반적으로 addChild() 메소드를 사용하여 GraphicsImage 를 추가한 오브젝트가 parent 속성에 설정됩니다. - GraphicsImage 가 어디에도 속해있지 않거나 부모 오브젝트로부터 제거되면 null 값을 갖습니다.
visible
GraphicsImage 가 화면에 표시될지 여부를 설정하는 속성입니다.
지원 환경
Desktop NRE | Desktop WRE | |||||
|---|---|---|---|---|---|---|
☑ Windows | ☑ macOS | ☑ Edge | ☑ Chrome | ☑ Safari | ☑ Firefox | ☑ Opera |
Mobile NRE | Mobile WRE | |||||
☑ Android | ☑ iOS/iPadOS | ☑ Android | ☑ iOS/iPadOS | |||
속성 타입
☐ Enum | ☐ Expr | ☐ Control | ☐ Hidden | ☐ ReadOnly | ☐ Bind | ☐ Collection | ☐ StringResource |
문법
GraphicsStock.visible[= bVisible]
문법 설정
bVisible ::= 'true' | 'false' | ||
var objGraphicsImage = new nexacro.GraphicsImage(); objGraphicsImage.visible = false; | ||
true | Graphics 컴포넌트의 redraw() 메소드 수행 시 GraphicsImage 를 표시합니다. | |
|---|---|---|
false | Graphics 컴포넌트의 redraw() 메소드 수행 시 GraphicsImage 를 표시하지 않습니다. | |
참고
- visible 속성값을 변경하면 화면에 즉시 반영되지 않고 Graphics 컴포넌트의 redraw() 메소드가 수행될 때 반영됩니다. - GraphicsGroup 의 경우 visible 속성을 false 로 설정하면 하위 오브젝트도 함께 화면에 표시되지 않습니다. - visible 속성에 의해 화면에 GraphicsImage 가 표시되지 않아도 오브젝트는 존재하기 때문에 스크립트로 제어가 가능합니다.
width
GraphicsImage 영역의 너비를 설정하는 속성입니다.
지원 환경
Desktop NRE | Desktop WRE | |||||
|---|---|---|---|---|---|---|
☑ Windows | ☑ macOS | ☑ Edge | ☑ Chrome | ☑ Safari | ☑ Firefox | ☑ Opera |
Mobile NRE | Mobile WRE | |||||
☑ Android | ☑ iOS/iPadOS | ☑ Android | ☑ iOS/iPadOS | |||
속성 타입
☐ Enum | ☐ Expr | ☐ Control | ☐ Hidden | ☐ ReadOnly | ☐ Bind | ☐ Collection | ☐ StringResource |
문법
GraphicsStock.width[= nWidth]
문법 설정
var objGObject = new nexacro.GraphicsImage(); objGObject.width = 300; | ||
nWidth | GraphicsImage 영역의 너비를 pixel 단위의 숫자로 설정합니다. "px" 단위 없이 숫자값만 설정하여야 합니다. | |
|---|---|---|
x
부모 오브젝트를 기준으로 GraphicsImage 가 표시될 x 축 좌표값을 설정하는 속성입니다.
지원 환경
Desktop NRE | Desktop WRE | |||||
|---|---|---|---|---|---|---|
☑ Windows | ☑ macOS | ☑ Edge | ☑ Chrome | ☑ Safari | ☑ Firefox | ☑ Opera |
Mobile NRE | Mobile WRE | |||||
☑ Android | ☑ iOS/iPadOS | ☑ Android | ☑ iOS/iPadOS | |||
속성 타입
☐ Enum | ☐ Expr | ☐ Control | ☐ Hidden | ☐ ReadOnly | ☐ Bind | ☐ Collection | ☐ StringResource |
문법
GraphicsStock.x[= nX]
문법 설정
var objGraphicsImage = new nexacro.GraphicsImage( ) ; objGraphicsImage .x = 200; objGraphicsImage .y = 200; | ||
nX | 부모 오브젝트를 기준으로 GraphicsImage 가 표시될 x 축 좌표값을 pixel 단위의 숫자로 설정합니다. | |
|---|---|---|
참고
- x 속성값을 설정하지 않으면 0 으로 적용됩니다. - x 속성은 컴포넌트의 left 속성에 해당하는 속성입니다. - Transform 과 관련된 메소드(scale(), rotate() 등)가 수행되어 GraphicsImage 의 표시위치가 변경되어도 x 속성은 원본위치값을 유지합니다.
y
부모 오브젝트를 기준으로 GraphicsImage 가 표시될 y 축 좌표값을 설정하는 속성입니다.
지원 환경
Desktop NRE | Desktop WRE | |||||
|---|---|---|---|---|---|---|
☑ Windows | ☑ macOS | ☑ Edge | ☑ Chrome | ☑ Safari | ☑ Firefox | ☑ Opera |
Mobile NRE | Mobile WRE | |||||
☑ Android | ☑ iOS/iPadOS | ☑ Android | ☑ iOS/iPadOS | |||
속성 타입
☐ Enum | ☐ Expr | ☐ Control | ☐ Hidden | ☐ ReadOnly | ☐ Bind | ☐ Collection | ☐ StringResource |
문법
GraphicsStock.y[= nY]
문법 설정
var objGraphicsImage = new nexacro.GraphicsImage( ) ; objGraphicsImage .x = 200; objGraphicsImage .y = 200; | ||
nY | 부모 오브젝트를 기준으로 GraphicsImage 가 표시될 y 축 좌표값을 pixel 단위의 숫자로 설정합니다. | |
|---|---|---|
참고
- y 속성값을 설정하지 않으면 0 으로 적용됩니다. - y 속성은 컴포넌트의 top 속성에 해당하는 속성입니다. - Transform 과 관련된 메소드(scale(), rotate() 등)가 수행되어 GraphicsImage 의 표시위치가 변경되어도 y 속성은 원본위치값을 유지합니다.
메서드
destroy
GraphicsImage 를 메모리에서 완전히 삭제하는 메소드입니다.
지원 환경
Desktop NRE | Desktop WRE | |||||
|---|---|---|---|---|---|---|
☑ Windows | ☑ macOS | ☑ Edge | ☑ Chrome | ☑ Safari | ☑ Firefox | ☑ Opera |
Mobile NRE | Mobile WRE | |||||
☑ Android | ☑ iOS/iPadOS | ☑ Android | ☑ iOS/iPadOS | |||
문법
GraphicsImage.destroy()
반환
Type | Description |
|---|---|
Boolean | GraphicsImage 가 정상적으로 삭제되면 true 를 반환합니다. GraphicsImage 가 정상적으로 삭제되지 않으면 false 를 반환합니다. |
참고
- destroy() 메소드로 GraphicsImage 가 삭제되어도 화면에 표시된 오브젝트가 자동으로 사라지지 않습니다. Graphics 컴포넌트의 redraw() 메소드를 실행하여야 화면에 변경사항이 반영됩니다. - GraphicsImage 가 하위 오브젝트를 가질 수 있는 경우 하위 오브젝트도 함께 삭제됩니다.
getBoundRect
GraphicsImage 가 표시되는 영역정보를 Graphics 컴포넌트 기준으로 바깥쪽 외곽선 영역을 포함하여 반환하는 메소드입니다.
지원 환경
Desktop NRE | Desktop WRE | |||||
|---|---|---|---|---|---|---|
☑ Windows | ☑ macOS | ☑ Edge | ☑ Chrome | ☑ Safari | ☑ Firefox | ☑ Opera |
Mobile NRE | Mobile WRE | |||||
☑ Android | ☑ iOS/iPadOS | ☑ Android | ☑ iOS/iPadOS | |||
문법
GraphicsImage.getBoundRect( );
파라미터
var objGraphicsImage = this.Graphics00.getObjectByID("GraphicsImage00");
var objRect = objGraphicsImage.getBoundRect();
trace( "left : " + objRect.left );반환
Type | Description |
|---|---|
Object | Graphics 컴포넌트의 left, top 위치를 기준으로 계산된 영역정보가 Rect 오브젝트로 반환됩니다. GraphicsEllipse, GraphicsLine, GraphicsPath, GraphicsPaths, GraphicsRect 오브젝트의 strokepen 속성값을 설정한 경우 반환되는 영역정보에 바깥쪽 외곽선 영역이 포함됩니다. strokepen 속성값을 설정하지 않았거나 GraphicsGroup, GraphicsImage, GraphicsText 오브젝트의 경우에는 외곽선 정보가 없으며 반환되는 영역정보에 외곽선 영역이 포함되지 않습니다.
|
참고
- getBoundRect() 메소드는 GraphicsImage 의 표시여부와 관계없이 논리적인 영역정보를 반환하는 메소드입니다. 따라서 getBoundRect() 메소드의 반환값으로 GraphicsImage 의 표시여부를 판단할 수 없으므로 사용에 주의하여야 합니다. - GraphicsImage 에서 Transform 관련 메소드(scale(), rotate() 등)를 실행하면 메소드가 적용된 영역정보를 반환합니다. - 부모 오브젝트를 기준으로 계산된 영역정보를 얻으려면 getOffsetBoundRect() 메소드를 사용하여야 합니다. - GraphicsEllipse, GraphicsLine, GraphicsPath, GraphicsPaths, GraphicsRect 오브젝트의 strokepen 속성값은 오브젝트의 실제 영역을 기준으로 안쪽과 바깥쪽에 나누어 적용됩니다.
getNextSibling
GraphicsImage 와 부모가 동일한 Graphics 오브젝트 중 다음 순서의 오브젝트를 반환하는 메소드입니다.
지원 환경
Desktop NRE | Desktop WRE | |||||
|---|---|---|---|---|---|---|
☑ Windows | ☑ macOS | ☑ Edge | ☑ Chrome | ☑ Safari | ☑ Firefox | ☑ Opera |
Mobile NRE | Mobile WRE | |||||
☑ Android | ☑ iOS/iPadOS | ☑ Android | ☑ iOS/iPadOS | |||
문법
GraphicsImage.getNextSibling()
파라미터
var objGraphicsImage = this.Graphics00.getObjectByID("GraphicsImage00");
var objNext = objGraphicsImage.getNextSibling();
trace( objNext.toString() );반환
Type | Description |
|---|---|
Object | 부모가 동일한 다음 순서의 Graphics 오브젝트를 반환합니다. 다음 순서의 Graphics 오브젝트가 없을 경우 null 을 반환합니다. |
참고
- addChild() 메소드로 추가된 순서대로 Graphics 오브젝트가 저장됩니다. - 부모가 다른 Graphics 오브젝트는 반환되지 않습니다.
getOffsetBoundRect
GraphicsImage 가 표시되는 영역정보를 Graphics 부모 오브젝트 기준으로 바깥쪽 외곽선 영역을 포함하여 반환하는 메소드입니다.
지원 환경
Desktop NRE | Desktop WRE | |||||
|---|---|---|---|---|---|---|
☑ Windows | ☑ macOS | ☑ Edge | ☑ Chrome | ☑ Safari | ☑ Firefox | ☑ Opera |
Mobile NRE | Mobile WRE | |||||
☑ Android | ☑ iOS/iPadOS | ☑ Android | ☑ iOS/iPadOS | |||
문법
GraphicsImage.getOffsetBoundRect( );
파라미터
var objGroup = this.Graphics00.getObjectByID("GraphicsGroup00");
var objGraphicsImage = objGroup.getObjectByID("GraphicsImage00");
var objRect = objGraphicsImage.getOffsetBoundRect();
trace( "left : " + objRect.left );반환
Type | Description |
|---|---|
Object | 부모 오브젝트의 left, top 위치를 기준으로 계산된 영역정보가 Rect 오브젝트로 반환됩니다. GraphicsEllipse, GraphicsLine, GraphicsPath, GraphicsPaths, GraphicsRect 오브젝트의 strokepen 속성값을 설정한 경우 반환되는 영역정보에 바깥쪽 외곽선 영역이 포함됩니다. strokepen 속성값을 설정하지 않았거나 GraphicsGroup, GraphicsImage, GraphicsText 오브젝트의 경우에는 외곽선 정보가 없으며 반환되는 영역정보에 외곽선 영역이 포함되지 않습니다.
|
참고
- getOffsetBoundRect() 메소드는 GraphicsImage 의 표시여부와 관계없이 논리적인 영역정보를 반환하는 메소드입니다. 따라서 getOffsetBoundRect() 메소드의 반환값으로 GraphicsImage 의 표시여부를 판단할 수 없으므로 사용에 주의하여야 합니다. - GraphicsImage 에서 Transform 관련 메소드(scale(), rotate() 등)를 실행하면 메소드가 적용된 영역정보를 반환합니다. - Graphics 컴포넌트를 기준으로 계산된 영역정보를 얻으려면 getBoundRect() 메소드를 사용하여야 합니다. - GraphicsEllipse, GraphicsLine, GraphicsPath, GraphicsPaths, GraphicsRect 오브젝트의 strokepen 속성값은 오브젝트의 실제 영역을 기준으로 안쪽과 바깥쪽에 나누어 적용됩니다.
getOffsetRect
GraphicsImage 가 표시되는 영역정보를 부모 오브젝트 기준으로 반환하는 메소드입니다.
지원 환경
Desktop NRE | Desktop WRE | |||||
|---|---|---|---|---|---|---|
☑ Windows | ☑ macOS | ☑ Edge | ☑ Chrome | ☑ Safari | ☑ Firefox | ☑ Opera |
Mobile NRE | Mobile WRE | |||||
☑ Android | ☑ iOS/iPadOS | ☑ Android | ☑ iOS/iPadOS | |||
문법
GraphicsImage.getOffsetRect( );
파라미터
var objGroup = this.Graphics00.getObjectByID("GraphicsGroup00");
var objGraphicsImage = objGroup.getObjectByID("GraphicsImage00");
var objRect = objGraphicsImage.getOffsetRect();
trace( "left : " + objRect.left );반환
Type | Description |
|---|---|
Object | 부모 오브젝트의 left, top 위치를 기준으로 계산된 영역정보가 Rect 오브젝트로 반환됩니다. GraphicsImage 오브젝트의 strokepen 속성값을 설정했더라도 외곽선 영역과 관계없이 GraphicsImage 오브젝트의 실제 영역이 반환됩니다.
|
참고
- getOffsetRect() 메소드는 GraphicsImage 의 표시여부와 관계없이 논리적인 영역정보를 반환하는 메소드입니다. 따라서 getOffsetRect() 메소드의 반환값으로 GraphicsImage 의 표시여부를 판단할 수 없으므로 사용에 주의하여야 합니다. - GraphicsImage 에서 Transform 관련 메소드(scale(), rotate() 등)를 실행하면 메소드가 적용된 영역정보를 반환합니다. - Graphics 컴포넌트를 기준으로 계산된 영역정보를 얻으려면 getRect() 메소드를 사용하여야 합니다. - GraphicsEllipse, GraphicsLine, GraphicsPath, GraphicsPaths, GraphicsRect 오브젝트의 strokepen 속성값은 오브젝트의 실제 영역을 기준으로 안쪽과 바깥쪽에 나누어 적용됩니다.
getOffsetRegion
GraphicsImage 가 표시되는 영역정보를 부모 오브젝트 컴포넌트 기준으로 안쪽 외곽선 영역을 제외하고 반환하는 메소드입니다.
지원 환경
Desktop NRE | Desktop WRE | |||||
|---|---|---|---|---|---|---|
☑ Windows | ☑ macOS | ☑ Edge | ☑ Chrome | ☑ Safari | ☑ Firefox | ☑ Opera |
Mobile NRE | Mobile WRE | |||||
☑ Android | ☑ iOS/iPadOS | ☑ Android | ☑ iOS/iPadOS | |||
문법
GraphicsImage.getOffsetRegion( );
파라미터
var objGroup = this.Graphics00.getObjectByID("GraphicsGroup00");
var objGraphicsImage = objGroup.getObjectByID("GraphicsImage00");
var objRect = objGraphicsImage.getOffsetRegion();
trace( "left : " + objRect.left );반환
Type | Description |
|---|---|
Object | 부모 오브젝트의 left, top 위치를 기준으로 계산된 영역정보가 Rect 오브젝트로 반환됩니다. GraphicsImage 오브젝트의 strokepen 속성값을 설정했더라도 반환되는 영역정보에는 안쪽 외곽선 영역이 제외됩니다.
|
참고
- getOffsetRegion() 메소드는 GraphicsImage 의 표시여부와 관계없이 논리적인 영역정보를 반환하는 메소드입니다. 따라서 getOffsetRegion() 메소드의 반환값으로 GraphicsImage 의 표시여부를 판단할 수 없으므로 사용에 주의하여야 합니다. - GraphicsImage 에서 Transform 관련 메소드(scale(), rotate() 등)를 실행하면 메소드가 적용된 영역정보를 반환합니다. - Graphics 컴포넌트를 기준으로 계산된 영역정보를 얻으려면 getRegion() 메소드를 사용하여야 합니다. - GraphicsEllipse, GraphicsLine, GraphicsPath, GraphicsPaths, GraphicsRect 오브젝트의 strokepen 속성값은 오브젝트의 실제 영역을 기준으로 안쪽과 바깥쪽에 나누어 적용됩니다.
getPreviousSibling
GraphicsImage 와 부모가 동일한 Graphics 오브젝트 중 이전 순서의 오브젝트를 반환하는 메소드입니다.
지원 환경
Desktop NRE | Desktop WRE | |||||
|---|---|---|---|---|---|---|
☑ Windows | ☑ macOS | ☑ Edge | ☑ Chrome | ☑ Safari | ☑ Firefox | ☑ Opera |
Mobile NRE | Mobile WRE | |||||
☑ Android | ☑ iOS/iPadOS | ☑ Android | ☑ iOS/iPadOS | |||
문법
GraphicsImage.getPreviousSibling()
파라미터
var objGraphicsImage = this.Graphics00.getObjectByID("GraphicsImage00");
var objPrev = objGraphicsImage.getPreviousSibling();
trace( objPrev.toString() );반환
Type | Description |
|---|---|
Object | 부모가 동일한 이전 순서의 Graphics 오브젝트를 반환합니다. 이전 순서의 Graphics 오브젝트가 없을 경우 null 을 반환합니다. |
참고
- addChild() 메소드로 추가된 순서대로 Graphics 오브젝트가 저장됩니다. - 부모가 다른 Graphics 오브젝트는 반환되지 않습니다.
getRect
GraphicsImage 의 영역정보를 Graphics 컴포넌트 기준으로 반환하는 메소드입니다.
지원 환경
Desktop NRE | Desktop WRE | |||||
|---|---|---|---|---|---|---|
☑ Windows | ☑ macOS | ☑ Edge | ☑ Chrome | ☑ Safari | ☑ Firefox | ☑ Opera |
Mobile NRE | Mobile WRE | |||||
☑ Android | ☑ iOS/iPadOS | ☑ Android | ☑ iOS/iPadOS | |||
문법
GraphicsImage.getRect( );
파라미터
var objGraphicsImage = this.Graphics00.getObjectByID("GraphicsImage00");
var objRect = objGraphicsImage.getRect();
trace( "left : " + objRect.left );반환
Type | Description |
|---|---|
Object | Graphics 컴포넌트의 left, top 위치를 기준으로 계산된 영역정보가 Rect 오브젝트로 반환됩니다. GraphicsImage 오브젝트의 strokepen 속성값을 설정했더라도 외곽선 영역과 관계없이 GraphicsImage 오브젝트의 실제 영역이 반환됩니다.
|
참고
- getRect() 메소드는 GraphicsImage 의 표시여부와 관계없이 논리적인 영역정보를 반환하는 메소드입니다. 따라서 getRect() 메소드의 반환값으로 GraphicsImage 의 표시여부를 판단할 수 없으므로 사용에 주의하여야 합니다. - GraphicsImage 에서 Transform 관련 메소드(scale(), rotate() 등)를 실행하면 메소드가 적용된 영역정보를 반환합니다. - 부모 오브젝트를 기준으로 계산된 영역정보를 얻으려면 getOffsetRect() 메소드를 사용하여야 합니다. - GraphicsEllipse, GraphicsLine, GraphicsPath, GraphicsPaths, GraphicsRect 오브젝트의 strokepen 속성값은 오브젝트의 실제 영역을 기준으로 안쪽과 바깥쪽에 나누어 적용됩니다.
getRegion
GraphicsImage 가 표시되는 영역정보를 Graphics 컴포넌트 기준으로 안쪽 외곽선 영역을 제외하고 반환하는 메소드입니다.
지원 환경
Desktop NRE | Desktop WRE | |||||
|---|---|---|---|---|---|---|
☑ Windows | ☑ macOS | ☑ Edge | ☑ Chrome | ☑ Safari | ☑ Firefox | ☑ Opera |
Mobile NRE | Mobile WRE | |||||
☑ Android | ☑ iOS/iPadOS | ☑ Android | ☑ iOS/iPadOS | |||
문법
GraphicsImage.getRegion( );
파라미터
var objGraphicsImage = this.Graphics00.getObjectByID("GraphicsImage00");
var objRect = objGraphicsImage.getRegion();
trace( "left : " + objRect.left );반환
Type | Description |
|---|---|
Object | Graphics 컴포넌트의 left, top 위치를 기준으로 계산된 영역정보가 Rect 오브젝트로 반환됩니다. GraphicsImage 오브젝트의 strokepen 속성값을 설정한 경우 반환되는 영역정보에는 안쪽 외곽선 영역이 제외됩니다.
|
참고
- getRegion() 메소드는 GraphicsImage 의 표시여부와 관계없이 논리적인 영역정보를 반환하는 메소드입니다. 따라서 getRegion() 메소드의 반환값으로 GraphicsImage 의 표시여부를 판단할 수 없으므로 사용에 주의하여야 합니다. - GraphicsImage 에서 Transform 관련 메소드(scale(), rotate() 등)를 실행하면 메소드가 적용된 영역정보를 반환합니다. - 부모 오브젝트를 기준으로 계산된 영역정보를 얻으려면 getOffsetRegion() 메소드를 사용하여야 합니다. - GraphicsEllipse, GraphicsLine, GraphicsPath, GraphicsPaths, GraphicsRect 오브젝트의 strokepen 속성값은 오브젝트의 실제 영역을 기준으로 안쪽과 바깥쪽에 나누어 적용됩니다.
isEmptyRect
GraphicsImage 에 이미지의 로딩 여부를 반환하는 메소드입니다.
지원 환경
Desktop NRE | Desktop WRE | |||||
|---|---|---|---|---|---|---|
☑ Windows | ☑ macOS | ☑ Edge | ☑ Chrome | ☑ Safari | ☑ Firefox | ☑ Opera |
Mobile NRE | Mobile WRE | |||||
☑ Android | ☑ iOS/iPadOS | ☑ Android | ☑ iOS/iPadOS | |||
문법
GraphicsImage.isEmptyRect()
파라미터
var objGImage = new nexacro.GraphicsImage(); objGImage.image = "test.jpg"; var bResult = objGraphicsText.isEmptyRect() ;
반환
Type | Description |
|---|---|
Boolean | GraphicsImage 에 이미지가 로딩되어 있지 않으면 true 를 반환합니다. GraphicsImage 에 이미지가 로딩되어 있으면 false 를 반환합니다. |
참고
- width, height 속성값과 관계없이 이미지가 로딩되어 있어야 합니다. - 이미지에 크기가 있어야 정상적인 이미지로 판단합니다.
isHitTest
인수로 전달된 좌표위치가 GraphicsImage 영역에 포함되는지 여부를 반환하는 메소드입니다.
지원 환경
Desktop NRE | Desktop WRE | |||||
|---|---|---|---|---|---|---|
☑ Windows | ☑ macOS | ☑ Edge | ☑ Chrome | ☑ Safari | ☑ Firefox | ☑ Opera |
Mobile NRE | Mobile WRE | |||||
☑ Android | ☑ iOS/iPadOS | ☑ Android | ☑ iOS/iPadOS | |||
문법
GraphicsImage.isHitTest( nX, nY )
파라미터
Parameters | Type | Description | |
|---|---|---|---|
nX | Number | 확인할 위치의 x 좌표값을 pixel 단위의 숫자로 설정합니다. 설정값은 Graphics 컴포넌트를 기준으로 처리됩니다. | |
nY | Number | 확인할 위치의 y 좌표값을 pixel 단위의 숫자로 설정합니다. 설정값은 Graphics 컴포넌트를 기준으로 처리됩니다. | |
var objGraphicsImage = this.Graphics00.getObjectByID("GraphicsImage00"); var bResult = objGraphicsImage.isHitTest( 100, 100 ); | |||
반환
Type | Description |
|---|---|
Boolean | 인수로 전달된 좌표위치가 GraphicsImage 영역에 포함되면 true 를 반환합니다. 인수로 전달된 좌표위치가 GraphicsImage 영역에 포함되지 않으면 false 를 반환합니다. |
참고
- 일반적으로 GraphicsImage 영역은 getRect() 메소드로 반환되는 영역과 일치합니다. getRect() 메소드의 반환값은 GraphicsImage 의 상태에 따라 변경될 수 있으므로 isHitTest() 사용에 주의하여야 합니다. - 인수로 전달된 nX, nY 좌표는 Graphics 컴포넌트의 left, top 을 기준으로 처리됩니다.
rotate
GraphicsImage 에 회전효과를 적용하는 메소드입니다.
지원 환경
Desktop NRE | Desktop WRE | |||||
|---|---|---|---|---|---|---|
☑ Windows | ☑ macOS | ☑ Edge | ☑ Chrome | ☑ Safari | ☑ Firefox | ☑ Opera |
Mobile NRE | Mobile WRE | |||||
☑ Android | ☑ iOS/iPadOS | ☑ Android | ☑ iOS/iPadOS | |||
문법
GraphicsImage.rotate( nAngle [, nCenterX, nCenterY] );
파라미터
Parameters | Type | Description | |
|---|---|---|---|
nAngle | Number | 현재 모습에서 회전될 각도를 숫자로 설정합니다. 양수로 설정 시 시계방향으로 회전합니다. 음수로 설정 시 반시계방향으로 회전합니다. | |
nCenterX | Number | 회전의 중심이 되는 x 좌표를 숫자로 설정합니다. 설정값은 부모 오브젝트를 기준으로 처리됩니다. 값 생략 시 0 값이 적용됩니다. | |
nCenterY | Number | 회전의 중심이 되는 y 좌표를 숫자로 설정합니다. 설정값은 부모 오브젝트를 기준으로 처리됩니다. 값 생략 시 0 값이 적용됩니다. | |
참고
- rotate() 메소드 수행 시 Position 과 관련된 속성(x, y 등)은 변경되지 않습니다. 영역정보를 반환하는 getRect() 와 같은 메소드는 rotate() 메소드가 적용된 영역정보를 반환합니다. - rotate() 메소드는 GraphicsImage 가 표시되는 위치를 기준으로 수행됩니다. 따라서 rotate() 메소드를 여러번 수행하면 회전 효과가 누적되어 적용됩니다. - GraphicsGroup 의 경우 하위 오브젝트에 회전효과가 동일하게 적용됩니다. - GraphicsImage 에 부모 오브젝트가 설정되어 있어야 rotate() 메소드가 정상적으로 수행됩니다. 즉, rotate() 메소드 수행 전에 addChild() 메소드로 GraphicsImage 를 등록하여야 합니다.
scale
GraphicsImage 에 확대/축소 효과를 적용하는 메소드입니다.
지원 환경
Desktop NRE | Desktop WRE | |||||
|---|---|---|---|---|---|---|
☑ Windows | ☑ macOS | ☑ Edge | ☑ Chrome | ☑ Safari | ☑ Firefox | ☑ Opera |
Mobile NRE | Mobile WRE | |||||
☑ Android | ☑ iOS/iPadOS | ☑ Android | ☑ iOS/iPadOS | |||
문법
GraphicsImage.scale( nScaleX, nScaleY [, nCenterX, nCenterY] );
파라미터
Parameters | Type | Description | |
|---|---|---|---|
nScaleX | Number | 현재 크기에서 확대/축소 될 가로 배율을 실수로 설정합니다. 1.0 보다 큰값을 설정하면 GraphicsImage 가 확대됩니다. 1.0 보다 작은값을 설정하면 GraphicsImage 가 축소됩니다. | |
nScaleY | Number | 현재 크기에서 확대/축소 될 세로 배율을 실수로 설정합니다. 1.0 보다 큰값을 설정하면 GraphicsImage 가 확대됩니다. 1.0 보다 작은값을 설정하면 GraphicsImage 가 축소됩니다. | |
nCenterX | Number | 확대/축소의 중심이 되는 x 좌표를 숫자로 설정합니다. 설정값은 부모 오브젝트를 기준으로 처리됩니다. 값 생략 시 0 값이 적용됩니다. | |
nCenterY | Number | 확대/축소의 중심이 되는 y 좌표를 숫자로 설정합니다. 설정값은 부모 오브젝트를 기준으로 처리됩니다. 값 생략 시 0 값이 적용됩니다. | |
참고
- scale() 메소드 수행 시 위치와 관련된 속성(x, y 등)은 변경되지 않습니다. 영역정보를 반환하는 getRect() 와 같은 메소드는 scale() 메소드가 적용된 영역정보를 반환합니다. - scale() 메소드는 GraphicsImage 가 표시되는 크기를 기준으로 수행됩니다. 따라서 scale() 메소드를 여러번 수행하면 확대/축소 효과가 누적되어 적용됩니다. - GraphicsGroup 의 경우 하위 오브젝트에 확대/축소 효과가 동일하게 적용됩니다. - GraphicsImage 에 부모 오브젝트가 설정되어 있어야 scale() 메소드가 정상적으로 수행됩니다. 즉, scale() 메소드 수행 전에 addChild() 메소드로 GraphicsImage 를 등록하여야 합니다.
setClipRect
GraphicsImage 의 일부 영역만 표시되게 Clipping 할 영역의 좌표를 설정하는 메소드입니다.
지원 환경
Desktop NRE | Desktop WRE | |||||
|---|---|---|---|---|---|---|
☑ Windows | ☑ macOS | ☑ Edge | ☑ Chrome | ☑ Safari | ☑ Firefox | ☑ Opera |
Mobile NRE | Mobile WRE | |||||
☑ Android | ☑ iOS/iPadOS | ☑ Android | ☑ iOS/iPadOS | |||
문법
GraphicsImage.setClipRect( nX, nY, nWidth, nHeight );
파라미터
Parameters | Type | Description | |
|---|---|---|---|
nX | Number | Clipping 할 영역의 x 좌표를 숫자로 설정합니다. 설정값은 GraphicsImage 의 x 속성값 위치를 0 으로 가정하고 처리됩니다. | |
nY | Number | Clipping 할 영역의 y 좌표를 숫자로 설정합니다. 설정값은 GraphicsImage 의 y 속성값 위치를 0 으로 가정하고 처리됩니다. | |
nWidth | Number | Clipping 할 영역의 너비를 숫자로 설정합니다. 설정값은 nX 파라미터값을 기준으로 처리됩니다. | |
nHeight | Number | Clipping 할 영역의 높이를 숫자로 설정합니다. 설정값은 nY 파라미터값을 기준으로 처리됩니다. | |
참고
- GraphicsImage 영역에서 Clipping 영역으로 설정된 부분만 화면에 표시됩니다. Transform 과 관련된 메소드(scale(), rotate() 등)가 적용된 경우 GraphicsImage 의 원본영역을 기준으로 Clipping 됩니다. - "setClipRect( null );" 형태로 파라미터에 null 설정 시 Clipping 영역 설정이 취소됩니다. - Clipping 이 적용되어도 GraphicsImage 의 Position 관련 속성값은 변경되지 않습니다.
setImageLoadEventHandler
GraphicsImage 에 이미지가 로딩되었을 때 CallBack 으로 실행할 함수를 설정하는 메소드입니다.
지원 환경
Desktop NRE | Desktop WRE | |||||
|---|---|---|---|---|---|---|
☑ Windows | ☑ macOS | ☑ Edge | ☑ Chrome | ☑ Safari | ☑ Firefox | ☑ Opera |
Mobile NRE | Mobile WRE | |||||
☑ Android | ☑ iOS/iPadOS | ☑ Android | ☑ iOS/iPadOS | |||
문법
GraphicsImage.setImageLoadEventHandler( objfunc, objTarget )
파라미터
Parameters | Type | Description | |
|---|---|---|---|
objfunc | Object | 이미지가 로딩되었을 때 실행할 함수를 설정합니다. | |
objTarget | Object | 함수가 정의된 영역을 설정합니다. | |
var objGImage = new nexacro.GraphicsImage(); objGImage.setImageLoadEventHandler( this.LoadingCallBack, this ); objGImage.image = "url('imagerc::img_50.png')"; | |||
참고
- 스크립트에서 GraphicsImage 오브젝트의 image 속성값을 설정하기 전에 setImageLoadEventHandler 메소드를 작성해야 합니다.
활용 예제
setTransform
GraphicsImage 의 원본 위치를 기준으로 Transform 관련 효과를 연속적으로 적용하는 메소드입니다.
지원 환경
Desktop NRE | Desktop WRE | |||||
|---|---|---|---|---|---|---|
☑ Windows | ☑ macOS | ☑ Edge | ☑ Chrome | ☑ Safari | ☑ Firefox | ☑ Opera |
Mobile NRE | Mobile WRE | |||||
☑ Android | ☑ iOS/iPadOS | ☑ Android | ☑ iOS/iPadOS | |||
문법
GraphicsImage.setTransform( strMethod );
파라미터
Parameters | Type | Description | |
|---|---|---|---|
strMethod | String | GraphicsImage 에 적용할 Transform 관련 메소드를 "," 로 구분하여 설정합니다. translate(), scale(), rotate(), shear() 메소드를 사용할 수 있습니다. null 값 설정 시 transform 효과가 지정되지 않은 상태로 초기화합니다. | |
var objGraphicsImage = new nexacro.GraphicsImage(); this.Graphics00.addChild("GraphicsImage00", objGraphicsImage); objGraphicsImage.setTransform( "translate(50, 50),rotate(20)" ); objGraphicsImage.setTransform(null); | |||
참고
- setTransform() 메소드 수행 시 위치와 관련된 속성(x, y 등)은 변경되지 않습니다. 영역정보를 반환하는 getRect() 와 같은 메소드는 setTransform() 메소드가 적용된 영역정보를 반환합니다. - setTransform() 메소드는 GraphicsImage 의 원본 위치를 기준으로 수행됩니다. 따라서 setTransform() 메소드를 여러번 수행해도 효과가 누적되어 적용되지 않습니다. - GraphicsGroup 의 경우 하위 오브젝트에 효과가 동일하게 적용됩니다. - GraphicsImage 에 부모 오브젝트가 설정되어 있어야 setTransform() 메소드가 정상적으로 수행됩니다. 즉, setTransform() 메소드 수행 전에 addChild() 메소드로 GraphicsImage 를 등록하여야 합니다. - 메소드 실행 시 strMethod 파라미터 값을 null로 설정하면 transform 효과가 지정되지 않은 상태로 초기화합니다. setTransform 메소드로 설정한 transform 효과 뿐 아니라 translate, scale, rotate, shear 메소드로 개별 설정한 상태도 초기화합니다.
shear
GraphicsImage 에 비틀기 효과를 적용하는 메소드입니다.
지원 환경
Desktop NRE | Desktop WRE | |||||
|---|---|---|---|---|---|---|
☑ Windows | ☑ macOS | ☑ Edge | ☑ Chrome | ☑ Safari | ☑ Firefox | ☑ Opera |
Mobile NRE | Mobile WRE | |||||
☑ Android | ☑ iOS/iPadOS | ☑ Android | ☑ iOS/iPadOS | |||
문법
GraphicsImage.shear( nRadianX, nRadianY [, nCenterX, nCenterY] );
파라미터
Parameters | Type | Description | |
|---|---|---|---|
nRadianX | Number | 현재 모습에서 x 축 기준으로 비틀어질 각도를 라디안값으로 설정합니다. | |
nRadianY | Number | 현재 모습에서 y 축 기준으로 비틀어질 각도를 라디안값으로 설정합니다. | |
nCenterX | Number | 비틀기의 중심이 되는 x 좌표를 숫자로 설정합니다. 설정값은 부모 오브젝트를 기준으로 처리됩니다. 값 생략 시 0 값이 적용됩니다. | |
nCenterY | Number | 비틀기의 중심이 되는 y 좌표를 숫자로 설정합니다. 설정값은 부모 오브젝트를 기준으로 처리됩니다. 값 생략 시 0 값이 적용됩니다. | |
참고
- shear() 메소드 수행 시 위치와 관련된 속성(x, y 등)은 변경되지 않습니다. 영역정보를 반환하는 getRect() 와 같은 메소드는 shear() 메소드가 적용된 영역정보를 반환합니다. - shear() 메소드는 GraphicsImage 가 표시되는 모습을 기준으로 수행됩니다. 따라서 shear() 메소드를 여러번 수행하면 비틀기 효과가 누적되어 적용됩니다. - GraphicsGroup 의 경우 하위 오브젝트에 비틀기 효과가 동일하게 적용됩니다. - GraphicsImage 에 부모 오브젝트가 설정되어 있어야 shear() 메소드가 정상적으로 수행됩니다. 즉, shear() 메소드 수행 전에 addChild() 메소드로 GraphicsImage 를 등록하여야 합니다.
toString
GraphicsImage 의 타입을 문자열로 반환하는 메소드입니다.
지원 환경
Desktop NRE | Desktop WRE | |||||
|---|---|---|---|---|---|---|
☑ Windows | ☑ macOS | ☑ Edge | ☑ Chrome | ☑ Safari | ☑ Firefox | ☑ Opera |
Mobile NRE | Mobile WRE | |||||
☑ Android | ☑ iOS/iPadOS | ☑ Android | ☑ iOS/iPadOS | |||
문법
GraphicsImage.toString();
반환
Type | Description |
|---|---|
String | 일반적으로 "[object GraphicsImage]" 형태의 문자열을 반환합니다. |
transform
GraphicsImage 에 Transform 관련 효과를 적용하는 메소드입니다.
지원 환경
Desktop NRE | Desktop WRE | |||||
|---|---|---|---|---|---|---|
☑ Windows | ☑ macOS | ☑ Edge | ☑ Chrome | ☑ Safari | ☑ Firefox | ☑ Opera |
Mobile NRE | Mobile WRE | |||||
☑ Android | ☑ iOS/iPadOS | ☑ Android | ☑ iOS/iPadOS | |||
문법
GraphicsImage.transform( nScaleX, nShearX, nShearY, nScaleY, nTransX, nTransY );
파라미터
Parameters | Type | Description | |
|---|---|---|---|
nScaleX | Number | 현재 크기에서 확대/축소 될 가로 배율을 실수로 설정합니다. 1.0 보다 큰값을 설정하면 GraphicsImage 가 확대됩니다. 1.0 보다 작은값을 설정하면 GraphicsImage 가 축소됩니다. | |
nShearX | Number | 현재 모습에서 x 축 기준으로 비틀어질 각도를 라디안값으로 설정합니다. | |
nShearY | Number | 현재 모습에서 y 축 기준으로 비틀어질 각도를 라디안값으로 설정합니다. | |
nScaleY | Number | 현재 크기에서 확대/축소 될 세로 배율을 실수로 설정합니다. 1.0 보다 큰값을 설정하면 GraphicsImage 가 확대됩니다. 1.0 보다 작은값을 설정하면 GraphicsImage 가 축소됩니다. | |
nTransX | Number | 현재 위치에서 x 축 방향으로 이동 할 거리를 pixel 단위의 숫자로 설정합니다. | |
nTransY | Number | 현재 위치에서 y 축 방향으로 이동 할 거리를 pixel 단위의 숫자로 설정합니다. | |
var objGraphicsImage = new nexacro.GraphicsImage(); objGraphicsImage.transform( 1.5, 0, 0, 1.5, 0, 0 ); // scale(1.5,1.5) 와 동일 objGraphicsImage.transform( 1, 0, 0, 1, 50, 50 ); // translate(50, 50) 와 동일 | |||
참고
- transform() 메소드 수행 시 위치와 관련된 속성(x, y 등)은 변경되지 않습니다. 영역정보를 반환하는 getRect() 와 같은 메소드는 transform() 메소드가 적용된 영역정보를 반환합니다. - transform() 메소드는 GraphicsImage 가 표시되는 모습을 기준으로 수행됩니다. 따라서 transform() 메소드를 여러번 수행하면 효과가 누적되어 적용됩니다. - GraphicsGroup 의 경우 하위 오브젝트에 효과가 동일하게 적용됩니다. - GraphicsImage 에 부모 오브젝트가 설정되어 있어야 transform() 메소드가 정상적으로 수행됩니다. 즉, transform() 메소드 수행 전에 addChild() 메소드로 GraphicsImage 를 등록하여야 합니다.
translate
GraphicsImage 의 위치가 이동되는 효과를 적용하는 메소드입니다.
지원 환경
Desktop NRE | Desktop WRE | |||||
|---|---|---|---|---|---|---|
☑ Windows | ☑ macOS | ☑ Edge | ☑ Chrome | ☑ Safari | ☑ Firefox | ☑ Opera |
Mobile NRE | Mobile WRE | |||||
☑ Android | ☑ iOS/iPadOS | ☑ Android | ☑ iOS/iPadOS | |||
문법
GraphicsImage.translate( nTransX, nTransY );
파라미터
Parameters | Type | Description | |
|---|---|---|---|
nTransX | Number | 현재 위치에서 x 축 방향으로 이동 할 거리를 pixel 단위의 숫자로 설정합니다. | |
nTransY | Number | 현재 위치에서 y 축 방향으로 이동 할 거리를 pixel 단위의 숫자로 설정합니다. | |
참고
- translate() 메소드 수행 시 위치와 관련된 속성(x, y 등)은 변경되지 않습니다. 영역정보를 반환하는 getRect() 와 같은 메소드는 translate() 메소드가 적용된 영역정보를 반환합니다. - translate() 메소드는 GraphicsImage 가 표시되는 위치를 기준으로 수행됩니다. 따라서 translate() 메소드를 여러번 수행하면 이동 효과가 누적되어 적용됩니다. - GraphicsGroup 의 경우 하위 오브젝트에 이동 효과가 동일하게 적용됩니다. - GraphicsImage 에 부모 오브젝트가 설정되어 있어야 translate() 메소드가 정상적으로 수행됩니다. 즉, translate() 메소드 수행 전에 addChild() 메소드로 GraphicsImage 를 등록하여야 합니다.