- 전체
- HTML
- Web Design (웹디자인)
- XE 응용 개발
- wordpress plugin dev
- Javascript & JavaScript Application
- MEAN Stack : full stack javascript
- angular js & ionic framework
- bootstrap
- WebGL, Three.js and Babylon.js
- restful api design
- mobile web
- node.js 응용
- Cloud Service 응용
- 웹 어셈블리 개발 [WASM, WebAssembly]
- 마이크로서비스, MSA (microservice architecture)
- WebGL / WebGPU
- next.js 개발
- micro frontend (마이크로프론트앤드)
- 전자상거래/쇼핑몰
- 서버 클라우드 (aws, azure, google)
JavaScript Three.js로 AutoCad DXF 모델 출력 : Three-Dxf
2017.04.27 20:03
Three.js로 AutoCad DXF 모델 출력 : Three-Dxf
Three-Dxf is a javascript viewer for dxf files. It takes dxf objects produced from Dxf-Parser and renders them using three.js.
three-dxf-master.zip
Install
bower install three-dxf
For now we recommend cloning the repo, and starting with our sample. See Run Samples below.
Usage
// See index.js in the sample for more details
var parser = new window.DxfParser();
var dxf = parser.parseSync(fileReader.result);
cadCanvas = new ThreeDxf.Viewer(dxf, document.getElementById('cad-view'), 400, 400);
Run Samples
> cd sample
> bower install
> npm install -g http-server
> http-server .
# use `http-server -c-1 .` to prevent caching
After performing the steps above, you can see the example at localhost:8080. You can use the dxf file included in the sample.
Note that the sample contains some three.js extras for Text support. If you wish to view text in DXF files, you will need those extras.
Supported DXF Features
Supports:
- Header
- Most LW entities (lines, polylines, circles, etc)
- Layers
- Some support for line types
- Simple Text
- Viewport
Does not yet support:
- Attributes
- 3DSolids
- All types of Leaders
- MText
- other less common objects and entities.
Contributors
본 웹사이트는 광고를 포함하고 있습니다.
광고 클릭에서 발생하는 수익금은 모두 웹사이트 서버의 유지 및 관리, 그리고 기술 콘텐츠 향상을 위해 쓰여집니다.
광고 클릭에서 발생하는 수익금은 모두 웹사이트 서버의 유지 및 관리, 그리고 기술 콘텐츠 향상을 위해 쓰여집니다.
댓글 0
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 수 |
|---|---|---|---|---|
| 103 |
Three.js로 3D 그래픽 만들기 2/e [WebGL을 위한 자바스크립트 3D 라이브러리]
| 졸리운_곰 | 2017.05.03 | 440 |
| 102 |
WebGL With Three.js: Basics
| 졸리운_곰 | 2017.05.01 | 284 |
| 101 |
Getting Started with Three.js
| 졸리운_곰 | 2017.05.01 | 534 |
| 100 |
WebGL With Three.js: Basics
| 졸리운_곰 | 2017.04.29 | 322 |
| 99 |
Three.js Examples
| 졸리운_곰 | 2017.04.29 | 277 |
| » |
Three.js로 AutoCad DXF 모델 출력 : Three-Dxf
| 졸리운_곰 | 2017.04.27 | 912 |
| 97 |
시작은 부담없이 클라우드(AWS)로...
| 졸리운_곰 | 2017.04.25 | 394 |
| 96 |
[jquery] Ajax를 품은 jQuery
| 졸리운_곰 | 2017.04.25 | 466 |
| 95 |
three.js r84 다운로드
| 졸리운_곰 | 2017.04.15 | 393 |
| 94 | 안녕하세요. 웹사이트 제작에 관한 질문 드립니다. [2] | 미래예지 | 2017.04.05 | 530 |
| 93 |
jqPlot으로 그래프 그리기!
| 졸리운_곰 | 2017.03.20 | 682 |
| 92 |
XPath 이야기
| 졸리운_곰 | 2017.03.20 | 591 |
| 91 |
HTML : 폼(form) 이해
| 졸리운_곰 | 2017.03.20 | 401 |
| 90 |
bootstrap 시작하기
| 졸리운_곰 | 2017.01.29 | 717 |
| 89 |
Bootstrap 사용법
| 졸리운_곰 | 2017.01.29 | 716 |
| 88 |
Bootstrap
| 졸리운_곰 | 2017.01.29 | 365 |
| 87 |
AngularJS 개념 및 기초잡기
| 졸리운_곰 | 2017.01.29 | 583 |
| 86 |
AngularJS
| 졸리운_곰 | 2017.01.29 | 620 |
| 85 |
[tutorial] AngularJS 튜토리얼 - 1
| 졸리운_곰 | 2017.01.29 | 355 |
| 84 |
[튜토리얼/번역] AngularJS Modules (AngularJS 모듈)
| 졸리운_곰 | 2017.01.29 | 674 |


