웹솔루션개발 22년 노하우! 해피CGI의 모든것

[해피CGI][cgimall] 아날로그 시계 본문

웹프로그램밍 자료실/JAVA 자료

[해피CGI][cgimall] 아날로그 시계

해피CGI윤실장 2020. 9. 23. 09:32

아날로그 시계를 웹 페이지에 보여주는 플러그인을 소개 합니다.

라이센스는 MIT 라이센스 입니다.



사용법에 대해서 안내 합니다.


1. 라이브러리를 호출 하세요.



2. 시계 위치를 잡기 위해 css 를 추가해 주세요.



3. 시계를 출력할 컨테이너를 선언하세요.



4.컨테이너에 시계를 생성하는 스크립트를 호출 합니다.



정상 작동하게 되면 아래의 이미지 처럼 출력 됩니다.



스크립트로 시계 함수에 전달 가능한 옵션에 대해서 설명 합니다.

szie : 시계의 크기 설정
x : 시계의 x축 시작 좌표
y : 시계의 y축 시작 좌표

x, y 값 설정시 주의사항은 시계의 중심점을 기준으로 좌표를 설정해야 합니다.
즉, x값 0, y값 0 으로 설정하신 후 원하시는 좌표 값을 설정하시면 됩니다.




홈페이지바로가기

Comments