Cách sử dụng Aspose.CAD trong TypeScript

Điều kiện tiên quyết

Visual Code + Live Server
Node.js

Chuyển đổi hình ảnh dgn sang png và hiển thị trong trình duyệt

Trong ví dụ này, bạn sẽ tạo một chương trình chuyển đổi đơn giản để chuyển đổi một bản vẽ và lưu nó dưới dạng hình ảnh.

Tạo JavaScript

Tạo package.json trong thư mục dự án
```
npm init -y
```

Sửa đổi package.json, thêm các phụ thuộc aspose-cad

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

Tạo 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> {

    //LẤY_ĐỊNH_DẠNG_TẬP_TIN
    var fileFormat = Image.getFileFormat(array);
    console.log(fileFormat);
    
    // TẢI
    var file = Image.load(array);
    console.log(file);
    
    // LƯU
    var exportedFilePromise = Image.save(array, new PngOptions());
    return await exportedFilePromise.then(exportedFile => {
      console.log(exportedFile);
      
      return exportedFile;
    });
}

Sử dụng lệnh npm để tạo index.js
```
tsc
```

Tạo index.html

<!DOCTYPE html>
Mở bảng điều khiển (Ctrl+Shift+I) để xem đầu ra.

<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);
          
		  //LẤY_ĐỊNH_DẠNG_TẬP_TIN
		  fileFormat = Aspose.CAD.Image.getFileFormat(array);
          console.log(fileFormat);
		  
		  // TẢI
		  file = Aspose.CAD.Image.load(array);
          console.log(file);
		  
		  // LƯU
		  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>

Cài đặt các gói bằng lệnh npm
```
npm install
```
Khởi động ứng dụng với Live Server hoặc yarn
```
npm run serve
```

Ví dụ thực thi

Chọn tệp.
Chọn bất kỳ tệp DXF, DWG, DGN, DWF, DWFX, IFC, STL, DWT, IGES, PLT, CF2, OBJ, HPGL, IGS, PCL, FBX, PDF, SVG nào.
Nếu kết quả thành công, tệp sẽ được hiển thị trên màn hình và sẽ đề nghị tải xuống.

Xem Thêm

Cách sử dụng Aspose.CAD trong JavaScript Cách sử dụng Aspose.CAD trong React