Action

Methods

getPageInteractionList(pageId) → {Array.<Interaction>|null}

Source:
해당 페이지에 포함된 인터랙션 리스트에 접근함

페이지 단계에 지정되어 있는 인터랙션 리스트를 가져옴
존재하지 않는 페이지 아이디를 지정할 경우 null을 반환함
Example
getPageInteractionList('page11221')
// => Interaction[]

getPageInteractionList()
// => null (존재하지 않는 페이지)
Parameters:
Name Type Description
pageId string 페이지 아이디
Returns:
인터랙션 리스트
Type
Array.<Interaction> | null

removePageInteraction(pageId, interaction) → {Interaction|null}

Source:
페이지 인터랙션 리스트에 포함되어 있는 인터랙션을 제거함

페이지에 포함된 인터랙션 중 하나를 제거함
제거된 인터랙션은 실행 결과로 반환됨
제거에 실패할 경우 null이 반환됨
Example
var interaction = getPageInteractions('page11111')[0]

removePageInteraction('page11111', interaction)
// => interaction

var notExistInteraction = null

removePageInteraction('page11111', notExistInteraction)
// => null
Parameters:
Name Type Description
pageId string 페이지 아이디
interaction Interaction 제거할 인터랙션
Returns:
제거된 인터랙션
Type
Interaction | null

playPageInteraction(pageId, interaction) → {void}

Source:
인터랙션을 강제로 실행함

페이지에 포함된 인터랙션 중 하나를 강제로 실행함
강제로 실행된 인터랙션은 delay 옵션이 무시되고 바로 실행됨
Example
var interaction = getPageInteraction('page11111')[0]

playPageInteraction('page11111', interaction)
// (바로 실행됨)

removePageInteraction('page11111', interaction)

playPageInteraction('page11111', interaction)
// (해당 인터랙션이 페이지에 포함되어 있지 않으므로 실행되지 않음)
Parameters:
Name Type Description
pageId string 페이지 아이디
interaction Interaction 실행할 인터랙션
Returns:
Type
void

playPageInteractions(pageId, interactions) → {void}

Source:
복수의 인터랙션을 실행함

강제로 실행된 인터랙션은 delay 옵션이 무시되고 바로 실행됨
Example
var interaction = getPageInteraction('page11111')[0]

playPageInteraction('page11111', interaction)
// (바로 실행됨)
Parameters:
Name Type Description
pageId string 페이지 아이디
interactions Array.<Interaction> 실행할 인터랙션의 배열
Returns:
Type
void

playOpacity(param) → {void}

Source:
오브젝트의 투명도 변경 액션을 바로 실행함

상세 옵션에 따라 오브젝트의 투명도 변경 액션을 딜레이 없이 바로 실행함
Example
playOpacity({
  targets: ['textbox001'],
  duration: 3999,
  opacity: .3
})
Parameters:
Name Type Description
param Object
Properties
Name Type Attributes Default Description
targets Array.<string> 오브젝트 아이디 리스트
duration number 이동 시간 (단위: ms)
ease string <optional>
 'linear' 이징 옵션
opacity number 투명도 (0~1)
Returns:
Type
void

playSize(param) → {void}

Source:
오브젝트의 크기 변경 액션을 바로 실행함

상세 옵션에 따라 오브젝트의 크기 변경 액션을 딜레이 없이 바로 실행함
width, height가 변경됨
Example
playSize({
  targets: ['table11'],
  duration: 6000,
  width: 200,
  height: 800
})
Parameters:
Name Type Description
param Object
Properties
Name Type Attributes Default Description
targets Array.<string> 오브젝트 아이디 리스트
duration number 이동 시간
ease string <optional>
 'linear' 이징 옵션
width number 변경할 width
height number 변경할 height
Returns:
Type
void

playScale(param) → {void}

Source:
오브젝트의 비율 변경 액션을 바로 실행함

상세 옵션에 따라 오브젝트의 비율 변경 액션을 딜레이 없이 바로 실행함
scale이 변경됨
Example
playScale({
  targets: ['line100'],
  duration: 7000,
  scaleX: 200,
  scaleY: -200
})
Parameters:
Name Type Description
param Object
Properties
Name Type Attributes Default Description
targets Array.<string> 오브젝트 아이디 리스트
duration number 이동 시간
ease string <optional>
 'linear' 이징 옵션
scaleX number 변경할 배율 (%)
scaleY number 변경할 배율 (%)
Returns:
Type
void

playToggle(param) → {void}

Source:
오브젝트의 토글 상태 변경 액션을 바로 실행함

상세 옵션에 따라 오브젝트의 토글 상태 변경 액션을 딜레이 없이 바로 실행함
현재 보이는 상태면 숨기고 보이지 않는 상태면 보이게 함
Example
playToggle({
  targets: ['textbox001'],
  duration: 3999,
})
Parameters:
Name Type Description
param Object
Properties
Name Type Attributes Default Description
targets Array.<string> 오브젝트 아이디 리스트
duration number 이동 시간
ease string <optional>
 'linear' 이징 옵션
Returns:
Type
void

playVisible(param) → {void}

Source:
오브젝트의 보임/숨김 변경 액션을 바로 실행함

상세 옵션에 따라 오브젝트의 보임/숨김 변경 액션을 딜레이 없이 바로 실행함
Example
playVisible({
  targets: ['share1', 'image2'],
  duration: 2000,
  show: true
})
Parameters:
Name Type Description
param Object
Properties
Name Type Attributes Default Description
targets Array.<string> 오브젝트 아이디 리스트
duration number 이동 시간
ease string <optional>
 'linear' 이징 옵션
show boolean 보임 숨김 여부
Returns:
Type
void

playMove(param) → {void}

Source:
오브젝트의 이동(Move) 액션을 바로 실행함

상세 옵션에 따라 오브젝트의 보임/숨김 변경 액션을 딜레이 없이 바로 실행함
Example
playMove({
  targets: [obj4],
  duration: 1000,
  x: 750,
  by: false
})
Parameters:
Name Type Description
param Object
Properties
Name Type Attributes Default Description
targets Array.<string> 오브젝트 아이디 리스트
duration number 이동 시간
ease string <optional>
 'linear' 이징 옵션
x number x 좌표의 값
y number y 좌표의 값
by boolean 이동 기준점 확인 true => 거리만큼 이동, false => 좌표로 이동
Returns:
Type
void

playRotate(param) → {void}

Source:
오브젝트의 이동(Move) 액션을 바로 실행함

상세 옵션에 따라 오브젝트의 보임/숨김 변경 액션을 딜레이 없이 바로 실행함
Example
playRotate({
  targets: [obj4],
  duration: 1000,
  deg: 180,
  by: false
})
Parameters:
Name Type Description
param Object
Properties
Name Type Attributes Default Description
targets Array.<string> 오브젝트 아이디 리스트
duration number 이동 시간
ease string <optional>
 'linear' 이징 옵션
deg number 움직일 각도
by boolean true: 현재 각도에 추가하여 회전, false: 입력된 각도로 회전
Returns:
Type
void

playBackgroundColor(param) → {void}

Source:
오브젝트의 배경색 변경 액션을 바로 실행함

상세 옵션에 따라 오브젝트의 보임/숨김 변경 액션을 딜레이 없이 바로 실행함
Example
playBackgroundColor({
  targets: [text3],
  duration: 1000,
  color: '#77FF77',
 })
Parameters:
Name Type Description
param Object
Properties
Name Type Attributes Default Description
targets Array.<string> 오브젝트 아이디 리스트
duration number 이동 시간
ease string <optional>
 'linear' 이징 옵션
color string 색상코드 또는 색상명
Returns:
Type
void

playFill(param) → {void}

Source:
오브젝트의 채우기 색 변경 액션을 바로 실행함

상세 옵션에 따라 오브젝트의 보임/숨김 변경 액션을 딜레이 없이 바로 실행함
Example
playFill({
  targets: [obj8],
  duration: 1000,
  color: '#000000',
 })
Parameters:
Name Type Description
param Object
Properties
Name Type Attributes Default Description
targets Array.<string> 오브젝트 아이디 리스트
duration number 이동 시간
ease string <optional>
 'linear' 이징 옵션
color string 색상코드 또는 색상명
Returns:
Type
void

playStroke(param) → {void}

Source:
오브젝트의 선 색 변경 액션을 바로 실행함

상세 옵션에 따라 오브젝트의 보임/숨김 변경 액션을 딜레이 없이 바로 실행함
Example
playStroke({
  targets: [line1],
  duration: 1000,
  color: '#dd0000',
 })
Parameters:
Name Type Description
param Object
Properties
Name Type Attributes Default Description
targets Array.<string> 오브젝트 아이디 리스트
duration number 이동 시간
ease string <optional>
 'linear' 이징 옵션
color string 색상코드 또는 색상명
Returns:
Type
void

playFontColor(param) → {void}

Source:
오브젝트의 글자색 변경 액션을 바로 실행함

상세 옵션에 따라 오브젝트의 보임/숨김 변경 액션을 딜레이 없이 바로 실행함
Example
playFontColor({
  targets: [text2],
  duration: 1000,
  color: '#dd0000',
 })
Parameters:
Name Type Description
param Object
Properties
Name Type Attributes Default Description
targets Array.<string> 오브젝트 아이디 리스트
duration number 이동 시간
ease string <optional>
 'linear' 이징 옵션
color string 색상코드 또는 색상명
Returns:
Type
void

playFontSize(param) → {void}

Source:
오브젝트의 글자색 변경 액션을 바로 실행함

상세 옵션에 따라 오브젝트의 보임/숨김 변경 액션을 딜레이 없이 바로 실행함
Example
playFontSize({
  targets: [text2],
  duration: 1000,
  fontSize: 20,
 })
Parameters:
Name Type Description
param Object
Properties
Name Type Attributes Default Description
targets Array.<string> 오브젝트 아이디 리스트
duration number 이동 시간
ease string <optional>
 'linear' 이징 옵션
color string 색상코드 또는 색상명
Returns:
Type
void

Type Definitions

Interaction

Source:
Properties:
Name Type Description
source string 트리거를 수신받는 페이지, 오브젝트 아이디 (source)
triggers object 트리거의 타입과 상세 옵션 (triggers)
targets Array.<string> 액션이 실행되는 페이지, 오브젝트 아이디 리스트 (targets)
action object 액션의 타입과 상세 옵션 (action)
인터랙션 정보 객체 타입

인터랙션을 생성/변경/실행 할 때 사용되는 객체 타입
Type:
  • object