Jak używać Aspose.CAD w JavaScript

Wymagania wstępne

Visual Code + Live Server
Node.js

Konwersja obrazu dgn do png i wyświetlanie w przeglądarce

W tym przykładzie tworzysz prosty program konwertujący, który konwertuje rysunek i zapisuje go jako obraz.

Tworzenie JavaScript

Utwórz plik package.json z zależnościami aspose-cad

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

Utwórz index.html

<!DOCTYPE html>
Otwórz konsolę (Ctrl+Shift+I), aby zobaczyć wynik.

<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);
		  
		  // LOAD
		  file = Aspose.CAD.Image.load(array);
          console.log(file);
		  
		  // SAVE
		  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>

Zainstaluj pakiety za pomocą polecenia npm
```
npm install
```
Uruchom aplikację za pomocą Live Server lub yarn
```
npm run serve
```

Przykład wykonania

Wybierz plik.
Wybierz dowolny plik DXF, DWG, DGN, DWF, DWFX, IFC, STL, DWT, IGES, PLT, CF2, OBJ, HPGL, IGS, PCL, FBX, PDF, SVG.
Jeśli odpowiedź jest pomyślna, plik zostanie wyświetlony na ekranie i zostanie zaoferowane jego pobranie.

Zobacz także

Jak używać Aspose.CAD w Angular Jak używać Aspose.CAD w TypeScript