목록#animated (2)

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

[해피CGI][cgimall] Generate Animated Column Charts From JS Array - Simple Bar Graph

Javascript 배열에서 데이터를 가져와 에니메이션 효과가 있는 막대 그래프로 변환하는 JQuery 플러그인 입니다. ​ ​다운로드 받은 파일을 압축해서 나오면 index.html 파일을 웹브라우저로 열어보면 확인이 가능합니다. 실행해보면 화면에 위 그림과 같이 막대그래프가 생성되어서 표시가 됩니다. 그래프를 표시하기 위해서 사용된, index.html 파일의 HTML 소스코드를 확인해 보면 그래프에 필요한 제목, 값 으로 구성된 javascript 의 배열을 이용한게 확인이 됩니다. 더 많은 기능으로는 X축, Y축 라벨을 포함하고, 마우스 오버시 툴팁이 가능하고, 행의 숫자를 지정할수 있고, 반응형이면서 사용하기가 쉽습니다. 막대 그래프를 포함해서 여러가지 그래프들(파이,라인,영역 등등)을 이용할 ..
웹프로그램밍 자료실/JAVA 자료 2020. 7. 7. 09:45
[해피CGI][cgimall] 간단하게 애니메이션 gif 파일을 만들 수 있는 사이트 ezgif

파일업로드와 몇번의 클릭만으로 간단하게 애니메이션 gif파일을 만들 수 있는 사이트입니다. 사이트에 접속하셔서 상단메뉴중 두번째 메뉴인 'GIF Maker'를 클릭합니다. 1번 '파일 선택' 버튼을 클릭하여 이미지를 업로드 후, 2번 'Upload and make a GIF!' 버튼을 클릭합니다. 이미지 업로드 후 gif파일 만들기 버튼을 클릭하면 gif 파일에 대한 설정을 할 수 있습니다. Delay time 란은 이미지가 몇초만에 움직일 것인지를 설정할 수 있고 Loop count 란은 몇번 반복할 것인지를 설정할 수 있습니다. 해당 란을 비워두면 영원히 반복됩니다. 아래의 'Make a GIF!' 파일을 클릭하시면 완성된 gif 파일을 확인하실 수 있습니다. crop, resize, rotate 등..
웹프로그램밍 자료실/기타 자료 2020. 1. 27. 09:36
Prev 1 Next