איך להשתמש ב-Aspose.CAD ב-JavaScript

דרישות מוקדמות

Visual Code + Live Server
Node.js

המרת תמונת dgn ל-png והצגתה בדפדפן

בדוגמה זו, אתה יוצר תוכנית המרה פשוטה הממירה ציור ושומרת אותו כתמונה.

יצירת ה-JavaScript

צור 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.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);
          
		  //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>

התקן את החבילות בעזרת פקודת npm
```
npm install
```
הפעל את היישום בעזרת Live Server או yarn
```
npm run serve
```

דוגמת ביצוע

בחר קובץ.
בחר כל קובץ DXF, DWG, DGN, DWF, DWFX, IFC, STL, DWT, IGES, PLT, CF2, OBJ, HPGL, IGS, PCL, FBX, PDF, SVG.
אם התשובה מוצלחת, הקובץ יוצג על המסך ויוצע להוריד אותו.

עיין גם

איך להשתמש ב-Aspose.CAD באנגולר כיצד להשתמש בAspose.CAD בTypeScript