使用自定义扩展查看器 Autodesk Forge答案

【问题标题】：Use custom Extension Viewer Autodesk Forge使用自定义扩展查看器 Autodesk Forge
【发布时间】：2021-01-10 07:54:52
【问题描述】：

我正在尝试学习 Autodesk Forge。我正在尝试从this link 测试脚本以在单击按钮时注册扩展更改背景颜色。但是当点击时，警报（“Autodesk.ADN.Viewing.Extension.Basic loaded”）是可见的，但对背景颜色并不满意。如果你知道，请告诉我为什么以及如何解决它。

提前致谢！

AutodeskNamespace("Autodesk.ADN.Viewing.Extension");
    Autodesk.ADN.Viewing.Extension.Basic = function (viewer, options) {
        Autodesk.Viewing.Extension.call(this, viewer, options);
        
        var _this = this;
        _this.load = function () {
            alert("Autodesk.ADN.Viewing.Extension.Basic loaded");
            viewer.setBackgroundColor(255, 0, 0, 255, 255, 255);
            return true;
        };
        _this.unload = function () {
            viewer.setBackgroundColor(160, 176, 184, 190, 207, 216);
            alert("Autodesk.ADN.Viewing.Extension.Basic unloaded");
            Autodesk.Viewing.theExtensionManager.unregisterExtension(
                "Autodesk.ADN.Viewing.Extension.Basic");
            return true;
            };
        };
    Autodesk.ADN.Viewing.Extension.Basic.prototype = Object.create(Autodesk.Viewing.Extension.prototype);
    Autodesk.ADN.Viewing.Extension.Basic.prototype.constructor = Autodesk.ADN.Viewing.Extension.Basic;
    Autodesk.Viewing.theExtensionManager.registerExtension("Autodesk.ADN.Viewing.Extension.Basic", Autodesk.ADN.Viewing.Extension.Basic);
$(document).ready(function(){
            $("#button").click(function(){
                viewer.loadExtension('Autodesk.ADN.Viewing.Extension.Basic');
            })
    })

【问题讨论】：

标签： autodesk-forge revit-api

【解决方案1】：

您链接到的博客文章是 2016 年的。Forge Viewer 仍在快速发展，所以我担心这篇博客文章中的代码 sn-p 太过时了。

如果您有兴趣了解有关 Forge 平台的更多信息，我建议您访问https://learnforge.autodesk.io 网站。它包含各种教程，每当 Forge 服务或 Forge Viewer API 发生变化时，我们都会努力使它们保持最新。还有一个关于查看器扩展的教程：https://learnforge.autodesk.io/#/tutorials/extensions。

为了给你一个想法，下面是今天如何使用viewer version 7.* 实现一个简单的查看器扩展：

class MyAwesomeExtension extends Autodesk.Viewing.Extension {
    constructor(viewer, options) {
        super(viewer, options);
    }

    load() {
        console.log('MyAwesomeExtensions has been loaded');
        viewer.setEnvMapBackground(null); // Hide background environment if there is one
        viewer.setBackgroundColor(0, 64, 128); // Set background color
        return true;
    }

    unload() {
        console.log('MyAwesomeExtensions has been unloaded');
        return true;
    }
}

Autodesk.Viewing.theExtensionManager.registerExtension('MyAwesomeExtension', MyAwesomeExtension);

然后，在初始化查看器时，您将像这样加载您的扩展：

let viewer = new Autodesk.Viewing.GuiViewer3D(divElement, { extensions: ['MyAwesomeExtension'] });

【讨论】：