머리가 나뻐서 삽질 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 등..

SVG를 가지고 데모를 만들어야 하는데 도무지 관련 자료가 없어서 ... 헤메고있었는데.. (없을것 같더니 열심히 구글링 했더니 찾았다.) xml로 된 svg를 html에 연결하는 법 등 자세한 내용이 많다. http://msdn.microsoft.com/ko-kr/library/ie/bg124132(v=vs.85).aspx

SVG란 2차원 벡터그래픽을 XML방식으로 데이터를 표시하여 실시간으로 브라우저에서 렌더링하는 기술. 이미지와 그 작동은 XMl 텍스트 파일로 정의 되어 검색화. 목록화, 스크립트화가 가능하며, 필요하다면 압축도 가능하다. SVG형식의 파일은 SVG기반의 전문 그래픽 편집 프로그램을 사용하여 편집이 가능하다. 물론 XML 파일로 되어있으르모 문서 편집기로도 편집이 가능하다. 플래시에서 사용되는 벡터그래픽 방식과 유사하지만 표준성과 접근성이 뛰어나며 호환성이 좋은것이 특징. 항지만 플래시에서 표시하는 벡터방식보다 압축성과 패키지성이 떨어짐.. 이미 Adobe Illustrator는 SVG를 지원한다. 지금 소개할 지금 소개할 Raphael 은 MIT라이센스를 따르는 자바스크립트 벡터 라이브러리이다. htt..