ARX119의 BIM/CAD 연구소

arx119.egloos.com

포토로그 방명록 업그레이드/기능 요청



[JavaScript] HTML5 에서 SLD파일 열기 iDwgSld 프로그램

안녕하세요. 날씨가 매우 추워졌습니다. 건강조심하세요.~

SLD 파일에 대한 얘기를 먼저 시작할까 합니다

Slide(확장자명 SLD) 파일은 AutoCAD에서 오랫동안 지원하고 있는 포멧중에 하나일 것입니다. Slide 파일을 사용해서 리습 또는 VB 응용프로그램을 만들어 본 경험이 계시면 공감하리라 생각이 듭니다. 

SLD 파일의 특징을 꼽으라면 아마도 저용량의 벡타 포멧이라는 것입니다. 저사양 시스템에서 도면의 이미지 또는 블럭 이미지를 빠르게 표현하고 이미지 상자의 확대 또는 축소시 레스터 파일 (BMP형태) 처럼 뭉개지지 않는것이 특징입니다. 

AutoCAD에서는 DCL 대화상자에서 사용할수 있도록 ADS/LISP API를 지원하고 있지만 MFC, VB 언어에서 사용할 수 있는 API는 지원하지 않습니다. 따라서 별도의 OCX 컨트롤을 설치해야 ObjectARX, .Net 등에서 사용가능 합니다. 물론 ObjectARX 또는 .Net 개발 환경에서는 굳이 SLD 파일을 사용하지 않고도 더 좋은 방식으로 도면 또는 Block의 이미지를 보여줄수가 있지만, 제작 및 사용의 편리성(?) 때문인지 현재까지도 많이 애용하고 있습니다.

최근 전세계적으로 HTML5의 표준으로 많은 기술들이 소개되고 있습니다. ActiveX 를 사용하지 않고도 PDF, HWP, DOC, 등의 파일을 웹브라우져에서 보고, 편집도 할 수 있게 되었습니다. AutoDESK사 또한 DWG, DWF, RVT 등 자사의 포멧을 웹에서 검토하고 편집할 수 있는 솔루션을 제공하고 있습니다. 이런것이 가능할 수 있었던 것은 아마도 자바스크립트 기술이 있었기에 가능하다 할 수 있겠습니다.

그래서 자바스크립트를 이용해서 SLD 파일을 웹 환경에서 바로 열어볼수 있는 뷰어를 개발하게 되었고 여러분들께 소개해 드리려 합니다. 이곳 이글루스에서는 자바스크립트를 사용하지 못하는 관계로 Google의 Blogger에 올려놓았습니다. 

맨 상단의 이미지가 그것입니다. 아래 체험하기를 클릭하시면 해당 사이트로 이동합니다. 그 곳에서 "SLD Open..."버튼을 클릭하여 sld 파일을 선택할 수 있습니다. SLDLoader 는 아주 단순한 프로그램이지만 이번 계기를 통해서 충분히 DWG 도면도 동일한 방식으로 웹에서 Drawing 할 수 있다는 가능성을 봤습니다. (물론 이미 여러 캐드 회사에서 웹 서비스 중이죠 ^^;)

(주의 : HTML5를 지원하는 웹브라우져에서 동작합니다. 크롬 브라우져 강추합니다.)


[특징 및 기능]
1. HTML5 표준을 이용하여 PC/모바일에서 SLD 파일 뷰잉이 가능합니다.
2. 화면에서 마우스로 Zoom/Pan을 사용하실수 있습니다.
3. canvas 영역에 맞게 도형을 그려줍니다.
4. sldloader.js는 무료 라이센스 입니다. (사용하실 분들은 자유롭게 사용하세요)

[기대효과]
1. 캐드의 Block 도면의 이미지 대신 SLD 파일을 웹에서 사용합니다.
2. 웹기반의 블럭관리 페이지등에 사용합니다.
3. AutoCAD 2014 이상 버전에서 지원하고 있는 JavaScript API와 연계해서 사용가능합니다.

[추가중인 기능]
1. 화면에서 벗어난 객체를 그리지 않도록 하여 동작 속도를 높이는 중입니다.
2. 확대를 하게되면 선들이 거칠어 지는데, 자연스럽게 보이도록 연구중입니다.

* 다운로드 파일이 필요하신 분들이 계시다면 댓글 남겨주세요



덧글

  • 아저씨 2015/12/21 22:34 # 삭제 답글

    잘 봤습니다.
    와! 역시! 라는 감탄이 나옵니다.
  • arx119 2015/12/22 17:36 #

    감사합니다. 좋은 평가 감사합니다. ^^ ;
    즐거운 성탄절 보내시고 새해에는 돈 많이 버세요~~
댓글 입력 영역



구글번역

통계 위젯 (화이트)

137
304
577632

국가접속Flag

free counters