Hoe Aspose.CAD te gebruiken in TypeScript

Vereisten

Visual Code + Live Server
Node.js

Converteer dgn afbeelding naar png en toon in de browser

In dit voorbeeld maak je een eenvoudig conversieprogramma dat een tekening converteert en opslaat als een afbeelding.

Maak de JavaScript

Maak package.json aan in de projectmap
```
npm init -y
```

Wijzig package.json, voeg aspose-cad afhankelijkheden toe

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

Maak index.ts aan

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

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

    //GET_FILE_FORMAT
    var fileFormat = Image.getFileFormat(array);
    console.log(fileFormat);
    
    // LAAD
    var file = Image.load(array);
    console.log(file);
    
    // BEWAAR
    var exportedFilePromise = Image.save(array, new PngOptions());
    return await exportedFilePromise.then(exportedFile => {
      console.log(exportedFile);
      
      return exportedFile;
    });
}

Gebruik de npm-opdracht om index.js aan te maken
```
tsc
```

Maak index.html aan

<!DOCTYPE html>
Open console (Ctrl+Shift+I) om de output te zien.

<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);
          
		  //GET_FILE_FORMAT
		  fileFormat = Aspose.CAD.Image.getFileFormat(array);
          console.log(fileFormat);
		  
		  // LAAD
		  file = Aspose.CAD.Image.load(array);
          console.log(file);
		  
		  // BEWAAR
		  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>

Installeer de pakketten met de npm-opdracht
```
npm install
```
Start de applicatie met Live Server of yarn
```
npm run serve
```

Voorbeeld van uitvoering

Kies bestand.
Selecteer een DXF-, DWG-, DGN-, DWF-, DWFX-, IFC-, STL-, DWT-, IGES-, PLT-, CF2-, OBJ-, HPGL-, IGS-, PCL-, FBX-, PDF-, SVG-bestand.
Als het antwoord succesvol is, wordt het bestand op het scherm weergegeven en wordt aangeboden om het te downloaden.

Zie ook

Hoe Aspose.CAD te gebruiken in JavaScript Hoe Aspose.CAD te gebruiken in React