forge viewer点击出现弹框随模型移动移动
时间: 2023-12-15 22:07:37 浏览: 69
vue 弹框实现移动效果
如果您需要在 Forge Viewer 中添加一个随着模型移动的弹窗,可以使用以下代码:
```javascript
function showAlert() {
var popup = document.createElement("div");
popup.innerHTML = "Hello World!";
popup.style.position = "absolute";
popup.style.zIndex = "1";
popup.style.backgroundColor = "white";
popup.style.padding = "10px";
popup.style.border = "1px solid black";
popup.style.top = viewer.canvas.offsetTop + event.clientY + "px";
popup.style.left = viewer.canvas.offsetLeft + event.clientX + "px";
document.body.appendChild(popup);
}
viewer.addEventListener(Autodesk.Viewing.CAMERA_CHANGE_EVENT, showAlert);
```
这段代码将在 Viewer 中添加一个事件监听器,当 Viewer 的相机位置发生变化时,将会触发 `showAlert` 函数。在 `showAlert` 函数中,将创建一个新的 `<div>` 元素,并在其中添加文本 "Hello World!"。然后,将样式设置为绝对定位,并使用 Viewer canvas 上的当前鼠标位置对其进行定位。
这样,弹窗就会随着模型的移动而移动。您可以按照您的需求进行自定义,例如更改弹窗的样式、文本或位置。
阅读全文