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

[해피CGI][cgimall] HTML Canvas Javascript Library 본문

웹프로그램밍 자료실/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
여러 함수들을 설명해주고 있습니다.




홈페이지바로가기 소스다운로드


Comments