求助：Autodesk.Viewing.MultiViewerFactory致多Viewer模型边缘过粗

针对使用Autodesk.Viewing.MultiViewerFactory创建多Viewer时出现的两个问题，可尝试以下解决方案：

一、模型边缘变粗问题 #

该问题源于WebGL上下文共享时，前一个Viewer的渲染状态（如边缘检测的线宽设置）残留到后续Viewer中。可通过在每个Viewer初始化完成后，手动重置边缘渲染参数来修复：

// 创建Viewer实例后绑定事件监听
viewer.addEventListener(Autodesk.Viewing.GEOMETRY_LOADED_EVENT, () => {
    // 重置边缘线宽为默认值
    viewer.impl.setSelectionLineWidth(1);
    viewer.impl.setEdgeLineWidth(1);
    // 强制触发视图重绘
    viewer.impl.invalidate(true);
});

另外，也可以在创建Viewer时通过配置项明确管控边缘渲染逻辑，再按需开启：

const viewerConfig = {
    disableEdgeRendering: false,
    // 其他Viewer配置项...
};
const viewer = Autodesk.Viewing.MultiViewerFactory.createViewer(container, viewerConfig);

// 模型加载完成后设置合适的边缘参数
viewer.addEventListener(Autodesk.Viewing.GEOMETRY_LOADED_EVENT, () => {
    viewer.setDisplayEdges(true);
    viewer.impl.setEdgeLineWidth(1);
    viewer.impl.invalidate(true);
});

二、视图控件（右上角立方体）异常问题 #

该问题是共享WebGL上下文后，控件的Canvas渲染状态未正确初始化导致的。可通过两种方式修复：

1. 手动触发控件重绘：

viewer.addEventListener(Autodesk.Viewing.VIEWER_INITIALIZED_EVENT, () => {
    const navCube = viewer.getNavigationCube();
    if (navCube) {
        navCube.update();
        navCube.render();
    }
});

2. 调整控件样式（若上述方法无效时使用）：

/* 在全局样式表中添加 */
.adsk-navigation-cube-canvas {
    filter: none !important;
    image-rendering: crisp-edges !important;
}

额外注意事项 #

• 确保所有Viewer实例使用相同版本的Autodesk Viewer库，避免版本差异引发的上下文兼容问题。
• 创建Viewer时尽量统一配置项（如抗锯齿级别、渲染精度等），减少状态冲突概率。

内容的提问来源于stack exchange，提问作者BenWw