Aspose.CAD를 TypeScript에서 사용하는 방법

전제 조건

Visual Code + 라이브 서버
Node.js

dgn 이미지를 png로 변환하고 브라우저에 표시하기

이 예제에서는 도면을 변환하고 이미지를 저장하는 간단한 변환 프로그램을 만듭니다.

JavaScript 생성

프로젝트 폴더에 package.json 생성
```
npm init -y
```

package.json 수정, aspose-cad 종속성 추가

"dependencies": {
    "aspose-cad": "^23.1.0"
  },
 "devDependencies": {
    "live-server": "^1.2.1",
    "typescript": "^3.3.3333",
    "yarn": "^1.22.19"
  }

index.ts 생성

import { PngOptions, Image } from './node_modules/aspose-cad/es2015/index.js';

declare let window: any;
window.processDrawing = async function processDrawing(array: Uint8Array): Promise<any> {

    //파일 형식 가져오기
    var fileFormat = Image.getFileFormat(array);
    console.log(fileFormat);
    
    // 로드
    var file = Image.load(array);
    console.log(file);
    
    // 저장
    var exportedFilePromise = Image.save(array, new PngOptions());
    return await exportedFilePromise.then(exportedFile => {
      console.log(exportedFile);
      
      return exportedFile;
    });
}

npm 명령어를 사용하여 index.js 생성
```
tsc
```

index.html 생성

<!DOCTYPE html>
콘솔을 열려면 (Ctrl+Shift+I) 출력을 확인하세요.

<script src="./node_modules/aspose-cad/dotnet.js"></script>
<script type="module" src="./node_modules/aspose-cad/es2015/index-js.js"></script>

<body>
	<input id="file" type="file">
	<img id="image" />
</body>

<script>
window.onload = async function () {
	document.querySelector('input').addEventListener('change', function() {
      var reader = new FileReader();
      reader.onload = function() {
      
          var arrayBuffer = this.result;
          var array = new Uint8Array(arrayBuffer);
          
		  //파일 형식 가져오기
		  fileFormat = Aspose.CAD.Image.getFileFormat(array);
          console.log(fileFormat);
		  
		  // 로드
		  file = Aspose.CAD.Image.load(array);
          console.log(file);
		  
		  // 저장
		  exportedFilePromise = Aspose.CAD.Image.save(array, new Aspose.CAD.PngOptions());
		  exportedFilePromise.then(exportedFile => {
			console.log(exportedFile);
			
			var urlCreator = window.URL || window.webkitURL;
			var blob = new Blob([exportedFile], { type: 'application/octet-stream' });
            var imageUrl = urlCreator.createObjectURL(blob);
            document.querySelector("#image").src = imageUrl;
		  });
      }
	  
      reader.readAsArrayBuffer(this.files[0]);
    }, 
	false);
};
</script>

npm 명령어를 사용하여 패키지 설치
```
npm install
```
라이브 서버 또는 yarn을 사용하여 애플리케이션 시작
```
npm run serve
```

실행 예제

파일 선택.
DXF, DWG, DGN, DWF, DWFX, IFC, STL, DWT, IGES, PLT, CF2, OBJ, HPGL, IGS, PCL, FBX, PDF, SVG 파일 중 하나를 선택하십시오.
응답이 성공적이면 파일이 화면에 표시되고 다운로드를 제안합니다.

추가 자료

Aspose.CAD를 JavaScript에서 사용하는 방법 Aspose.CAD를 React에서 사용하는 방법