웹프로그램밍 자료실/JAVA 자료
[해피CGI][cgimall] HTML Canvas Javascript Library
해피CGI윤실장
2018. 8. 30. 09:20
javascript 를 이용해서
캔버스를 사용하여 시각화 및 애니메이션을보다 간단하게 만듭니다.
애니메이션 지원, 레이어, 이벤트
캡처, 멀티 터치 및 많은 예제가 있습니다.
다운로드 받은 압축파일을 해제하고,
index.html 파일을 웹브라우져에서 열어서 보면
여러가지 예제들을 확인하는게 가능합니다.
첫번째 예제가
화면에 Hello World 라는 글자를 출력하는 예제입니다.
이 예제를 위해서 사용된
소스코드는
hello-world.html 파일을 확인해보면 됩니다.
hello world 라는 글자와 함께 20,20 이란 숫자가 무엇인가 싶어서 조절해봤더니
화면에 출력되는 글자의 위치(가로,세로)가 조절이 되네요.
그 외에도 여러가지 예제들이 있으며,
각종 예제들을 위한 소스코드를
확인해볼수 있습니다.
스크립트를 제공한 사이트에서
http://html-canvas-lib.sourceforge.net/#documentation
여러
함수들을 설명해주고 있습니다.