자바스크립트 따라하기 – 화면 캡처 (기본)

Script

자바스크립트 따라하기 – 화면 캡처 (기본)

페이지 스크립트에서 화면 캡처를 활용할 수 있다.

(화면 캡처는 textedit, ytrendchart 등의 컨트롤 객체를 캡처할 수 없다.)



1. 뷰어로 샘플 실행하기


(객체를 생성할 때는 도구를 클릭하고 마우스 커서를 Design 영역으로 옮겼을 때 커서가 십자 표시로 되면 생성할 위치에 클릭한 상태로 드래그하면 된다.)

2cb7d88398d2d525ed8ef4b4a3a84df8_1622186847_8812.png
 

1) 디자이너에서 F5키를 누르거나 실행 버튼을 눌러 뷰어를 실행한다.

2cb7d88398d2d525ed8ef4b4a3a84df8_1622186873_6228.png

2) Show info 버튼을 눌러 콘솔 로그를 남길 수 있다(콘솔 로그는 F12 키를 눌러 확인한다).

2cb7d88398d2d525ed8ef4b4a3a84df8_1622186880_8615.png
 

3) Capture 버튼을 눌러 화면을 캡처할 수 있다.

2cb7d88398d2d525ed8ef4b4a3a84df8_1622186886_6419.png
 

2. 스크립트 코드 해석


1) page_1 페이지

 ① showInfo 메소드

 function showInfo()

{   

 var obj = $XC("screenCapture");


 console.log(obj.name);


 console.log(obj.tag);


 console.log(obj.mode);


 console.log(obj.interval);


 console.log(obj.repository);


 console.log(obj.imageFormat);

}


(1) var obj = $XC("screenCapture");

이름이 screenCapture인 화면 캡처 객체를 가져와 obj 변수에 저장한다.

  • 페이지 콘솔 창 결과: -

(2) console.log(obj.name);

화면 캡처의 이름을 가져온다.

  • 페이지 콘솔 창 결과: “screenCapture”

(3) console.log(obj.tag);

화면 캡처의 조건 태그를 가져온다.

  • 페이지 콘솔 창 결과: Object {type, value, rawValue …} (태그 객체)

(4) console.log(obj.mode);

화면 캡처의 캡처 모드를 가져온다.

  • 페이지 콘솔 창 결과: “oneshot”

(5) console.log(obj.interval);

화면 캡처의 캡처 주기를 가져온다.

  • 페이지 콘솔 창 결과: 300 (Default)

(6) console.log(obj.repository);

화면 캡처의 저장소 경로를 가져온다.

  • 페이지 콘솔 창 결과: “C:\Xisom”

(7) console.log(obj.imageFormat);

화면 캡처의 이미지 확장자를 가져온다.

  • 페이지 콘솔 창 결과: “png”



0 Reply Comment
Title