머리가 나뻐서 삽질 SAP(Study And Programming)

php CGI의 데이터를 파싱하여 보여줄 수 있는 방법중 가능성들을 보여주기 위하여 데모페이지를 만들었다..알파버전.. 브라우저에서 구현 가능한 (무거운 라이브러리는 쓸수없으므로 제외) SVG와 HTML5의 Canvas를 가지고 DOM으로 애니메이션및 드래그, 선그리기를 표현했다. 이걸가지고 솔루션에 어떻게 도입하고 어떤걸 보강하고 플랫폼을 가려내고 등등 할것인지 논의할 량으로 만든 데모... 사족을 달자면 SVG와 관련된 기술이나 자료가 국내에는 정말정말 드물다 구글링+영어번역으로 5시간동안 헤메이기도... 만들면서 느낀거지만 역시 향상된 뛰어난 기술들은 아직도 많다. 소스코드를 보면 어렵지 않게 코딩해보았지만 데모 페이지다 보니 중복되는 코드나 짜깁기(좀 지저분)하다. 크롬에서 볼것 : serpiko..

.svg 파일은 모던브라우저로 실행하면 보인다. 전부 직접 그리거나 AI아이콘파일을 SVG로 변환해서 코드로 쓴것들이며 참고로 TV 컬러 조정화면(무지개)는 애니메이션 되므로 TV아이콘에 레이어로 얹어서 활용했었다. svg.zip 아래 하단에는 박스 opacity반복, svg텍스트, 원 yoyo transform ani 등..