最近项目中需要添加一个轴网功能,参考别人做的轴网效果如下:
鼠标在圆环、直线上面或附近悬停时,有标签提示
远景效果如下:
目前在我的demo
中,我可以通过three.js
创建出圆环、直线以及文字的模型组,并将模型插入this.viewer.impl.scene
中,效果图如下,已经知道的是不可能从html上选中,因为他们显示在一个canvas
元素中,
可是我该如何选中加入的模型?
或者说还有别的添加轴网的思路吗?
最近项目中需要添加一个轴网功能,参考别人做的轴网效果如下:
鼠标在圆环、直线上面或附近悬停时,有标签提示
远景效果如下:
目前在我的demo
中,我可以通过three.js
创建出圆环、直线以及文字的模型组,并将模型插入this.viewer.impl.scene
中,效果图如下,已经知道的是不可能从html上选中,因为他们显示在一个canvas
元素中,
可是我该如何选中加入的模型?
或者说还有别的添加轴网的思路吗?
10 回答11.3k 阅读
5 回答4.9k 阅读✓ 已解决
4 回答3.2k 阅读✓ 已解决
2 回答2.8k 阅读✓ 已解决
3 回答2.4k 阅读✓ 已解决
3 回答2.2k 阅读✓ 已解决
2 回答2.6k 阅读✓ 已解决
通过 three.js 的自定义物件必需自己实做 Viewer Tool,并实做 Ray Casting:
https://segmentfault.com/a/11...
Ray Casting 和弹窗的部份可以参考这个例子:
https://forge.autodesk.com/bl...
而这个功能的大致思路为:
handleMouseMove
这个函数里添加 Raycaster以上希望有帮助!