Come utilizzare Aspose.CAD in JavaScript

Requisiti

Visual Code + Live Server
Node.js

Converti l’immagine dgn in png e visualizzala nel browser

In questo esempio, crei un semplice programma di conversione che converte un disegno e lo salva come immagine.

Creazione del JavaScript

Crea package.json con le dipendenze di aspose-cad

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

Crea index.html

<!DOCTYPE html>
Apri la console (Ctrl+Shift+I) per vedere l'output.

<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>

Installa i pacchetti utilizzando il comando npm
```
npm install
```
Avvia l’applicazione con Live Server o yarn
```
npm run serve
```

Esempio di esecuzione

Scegli un file.
Seleziona un file DXF, DWG, DGN, DWF, DWFX, IFC, STL, DWT, IGES, PLT, CF2, OBJ, HPGL, IGS, PCL, FBX, PDF, SVG.
Se la risposta ha successo, il file verrà visualizzato sullo schermo e verrà proposto di scaricarlo.

Vedi Anche

Come usare Aspose.CAD in Angular Come usare Aspose.CAD in TypeScript