如何在浏览器上显示/查看或读取 .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 并粘贴到您的网站上。