WEBAPI

WEBAPI

Draft
  • account_tree
  • bug_report

Web Animation

하위 트리 탐색

  • Animation

    Animation 인터페이스는 자바스크립트에 의해 구현되는 단일 애니메이션 플레이어를 나타내며 애니메이션 컨트롤 또는 애니메이션 타임라인(timeline)을 제공한다.

    • Constructor

      Animation 객체(인스턴스)를 생성할 수 있는 생성자 함수를 가지고 있으며 Element.prototype.animate()메소드에 의해 반환 받을 수도 있다.

      • Animation()

        새로운 Animation 인스턴스를 생성하는 생성자 함수이다.

    • [[Prototype]]

      • Event Handlers

        • oncancel

          애니메이션이 취소되었을 때 발생한다.

        • onfinish

          애니메이션이 종료될 때 실행한다.

        • onremove

          애니메이션이 제거될 때(즉, 활성 바꾸기 상태) 실행한다.

      • Properties

        • currentTime

          실행 또는 일시 중지 여부와 관계없이 애니메이션의 현재 시간(밀리초:milliseconds)을 조회한다. 타임라인이 없거나 아직 실행되기 전이라면 null 값을 갖는다.

        • effect

          KeyframeEffect 객체를 참조한다.

        • finished

          애니메이션에 대해 현재 완료된 Promise를 반환한다.

        • id

          애니메이션을 식별할 수 있는 id를 설정하거나 조회할 수 있다.

        • pending

          애니메이션이 현재 재생 시작 또는 실행중인 애니메이션 일시 중지와 같은 비동기 작업을 기다리고 있는지 여부를 조회한다.

        • playbackRate

          애니메이션의 재생 속도를 조회하거나 설정할 수 있다.

        • playState

          애니메이션의 재생 상태를 설명하는 열거된 값을 조회한다.

        • ready

          애니메이션에 대한 준비된 Promise를 조회한다.

        • replaceState

          애니메이션의 교체 상태를 조회한다.

        • startTime

          애니메이션이 재생 되어야 하는 시간을 예약하거나 예약된 시간을 조회할 수 있다.

        • timeline

          애니메이션과 관련된 타임라인을 조회하거나 설정한다.

      • Methods

        • cancel()

          모든 키프레임 효과를 지우고 재생을 중단한다.

        • commitStyles()

          애니메이션이 제거된 후에도 애니메이션의 끝 스타일링 상태를 애니메이션 중인 요소에 적용한다.

        • finish()

          애니메이션이 재생 중인지 또는 반전 중인지에 따라 애니메이션의 끝을 찾는다.
        • pause()

          애니메이션 재생을 일시 중지한다.
        • persist()

          웹브라우저의 채우기 애니메이션 자동 제거 동작으로 인해 애니메이션이 제거될 때 애니메이션이 명시적으로 유지된다.
        • play()

          애니메이션 재생을 시작 또는 일시 정지후 재개하거나 이전에 애니메이션을 완료한 경우 애니메이션을 다시 시작한다.
        • reverse()

          애니메이션이 재생중인 경우 재생 방향을 반대로 한다. 애니메이션이 완료되거나 재생 전이면 처음부터 끝까지 재생된다.
        • updatePlaybackRate()

          재생 위치를 먼저 동기화한 후 애니메이션의 속도를 설정한다.
  • AnimationTimeline

    애니메이션의 타임라인을 나타내는 인터페이스이다.

    • Inherited

      • DocumentTimeline

        기본 문서 타임라인을 포함한 애니메이션 타임라인을 나타내는 인터페이스이다.

        • [[Prototype]]

          이 객체 또는 인터페이스는 상속가능한 속성과 메소드를 가지고 있지 않으며 상속된 속성과 메소드를 사용한다.

          상속된 멤버 보기
    • [[Prototype]]

      이 객체 또는 인터페이스는 상속가능한 속성과 메소드를 가지고 있지 않으며 상속된 속성과 메소드를 사용한다.

      상속된 멤버 보기

지원 웹브라우저