如何在Autodesk Viewer中切换为加载（等待）光标？

方法一：优化CSS选择器提升优先级 #

你之前的CSS无效是因为Viewer内置样式优先级更高，需要针对性定位核心容器或canvas元素：

/* 给Viewer根容器添加加载光标类 */
.adsk-viewing-viewer.loading-cursor,
.adsk-viewing-viewer.loading-cursor canvas {
    cursor: wait !important;
}

然后在代码中控制类的添加和移除：

// 开始长时间操作（比如部件选择）时
document.querySelector('.adsk-viewing-viewer').classList.add('loading-cursor');

// 操作完成后恢复
document.querySelector('.adsk-viewing-viewer').classList.remove('loading-cursor');

!important用来强制覆盖Viewer内部的光标样式，确保生效。

方法二：使用Viewer官方API（推荐） #

Viewer提供了setCursor()方法（和你了解的getCursor()配套），直接通过实例控制光标，无需关心DOM结构：

// 假设viewer是你的Viewer实例对象
// 切换为等待光标
viewer.setCursor('wait');

// 操作结束后恢复默认光标
viewer.setCursor('auto');

如果需要自定义光标，还可以传入完整的CSS cursor属性值：

viewer.setCursor('url(your-custom-loader.png), auto');

注意事项 #

• 要在长时间操作的开始节点设置光标，在操作完成的回调/异步结束节点恢复，比如部件选择的异步操作完成后再切换回默认光标。
• API方法的兼容性更好，不会因为Viewer版本更新导致DOM结构变化而失效。

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