如何在瀏覽器上顯示/查看或讀取.dwg文件

Question

如何在不使用任何軟件的情況下在瀏覽器上顯示或讀取.dwg文件意味着使用PHP，jQuery，Javascript或任何其他編程語言。 爲此，我已經通過https://developer.autodesk.com並創建了一個具有客戶端ID和客戶端密碼的應用程序，並創建了index.html文件。但之後，我陷入了尋找下一個需要「模型衍生API」的運動。所以請引導我一樣。感謝您的寶貴迴應。

<!-- The Viewer CSS --> 
<link rel="stylesheet" href="https://developer.api.autodesk.com/viewingservice/v1/viewers/style.min.css" type="text/css"> 

<!-- Developer CSS --> 
<style> 
    body { 
     margin: 0; 
    } 
    #MyViewerDiv { 
     width: 100%; 
     height: 100%; 
     margin: 0; 
     background-color: #F0F8FF; 
    } 
</style> 

<!-- The Viewer will be instantiated here --> 
<div id="MyViewerDiv"></div> 

<!-- The Viewer JS --> 
<script src="https://developer.api.autodesk.com/viewingservice/v1/viewers/three.min.js"></script> 
<script src="https://developer.api.autodesk.com/viewingservice/v1/viewers/viewer3D.min.js"></script> 

<!-- Developer JS --> 
<script> 
    var viewer; 
    var options = { 
     env: 'AutodeskProduction', 
     accessToken: '<YOUR_APPLICATION_TOKEN>' 
    }; 
    var documentId = 'urn:<YOUR_URN_ID>'; 
    Autodesk.Viewing.Initializer(options, function onInitialized(){ 
     Autodesk.Viewing.Document.load(documentId, onDocumentLoadSuccess, onDocumentLoadFailure); 
    }); 

    /** 
    * Autodesk.Viewing.Document.load() success callback. 
    * Proceeds with model initialization. 
    */ 
    function onDocumentLoadSuccess(doc) { 

     // A document contains references to 3D and 2D viewables. 
     var viewables = Autodesk.Viewing.Document.getSubItemsWithProperties(doc.getRootItem(), {'type':'geometry'}, true); 
     if (viewables.length === 0) { 
      console.error('Document contains no viewables.'); 
      return; 
     } 

     // Choose any of the avialble viewables 
     var initialViewable = viewables[0]; 
     var svfUrl = doc.getViewablePath(initialViewable); 
     var modelOptions = { 
      sharedPropertyDbPath: doc.getPropertyDbPath() 
     }; 

     var viewerDiv = document.getElementById('MyViewerDiv'); 
     viewer = new Autodesk.Viewing.Private.GuiViewer3D(viewerDiv); 
     viewer.start(svfUrl, modelOptions, onLoadModelSuccess, onLoadModelError); 
    } 

    /** 
    * Autodesk.Viewing.Document.load() failuire callback. 
    */ 
    function onDocumentLoadFailure(viewerErrorCode) { 
     console.error('onDocumentLoadFailure() - errorCode:' + viewerErrorCode); 
    } 

    /** 
    * viewer.loadModel() success callback. 
    * Invoked after the model's SVF has been initially loaded. 
    * It may trigger before any geometry has been downloaded and displayed on-screen. 
    */ 
    function onLoadModelSuccess(model) { 
     console.log('onLoadModelSuccess()!'); 
     console.log('Validate model loaded: ' + (viewer.model === model)); 
     console.log(model); 
    } 

    /** 
    * viewer.loadModel() failure callback. 
    * Invoked when there's an error fetching the SVF file. 
    */ 
    function onLoadModelError(viewerErrorCode) { 
     console.error('onLoadModelError() - errorCode:' + viewerErrorCode); 
    } 

</script> 

Answer 1

您可以輕鬆地在網上A360 Viewer測試它。

您指出的代碼只是頁面，請注意它是如何遺漏TOKEN和URN的。事實上，在Viewer tutorial之後，您會注意到一個Prepare your file for viewing教程。

在任何情況下，您都需要後端上傳和翻譯作業，我們在github account上有一些樣品。

更新

顯示模式，無需編程：您可以輕鬆地在網站上分享您的A360機型，這裏的步驟：

1. 轉到A360和登錄（或註冊）
2. 使用現有項目或創建一個新項目。
3. 在項目中，點擊上傳並選擇您的機器上的文件。翻譯過程將自動開始。或者你可以在你的項目中使用現有的文件。
4. 在右上角的圖標上點擊「分享」選項。
5. 在彈出框中，轉到嵌入選項卡，然後選擇大小。複製HTML並粘貼到您的網站上。