xBIM WeXplorer xViewer 基本应用

最新推荐文章于 2024-04-17 09:34:21 发布

weixin_33881140

最新推荐文章于 2024-04-17 09:34:21 发布

阅读量288

点赞数

文章标签： xhtml javascript 测试 ViewUI

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Hello building!</title>
    <script src="js/xbim-viewer.debug.bundle.js"></script>
</head>
<body>
    <canvas id="viewer" width="500" height="300"></canvas>
    <script type="text/javascript">
        var viewer = new xViewer('viewer');
        viewer.load('data/SampleHouse.wexbim');
        viewer.start();
    </script>
</body>
</html>

我们只要引用了xbim-viewer.debug.bundle.js 库，常见xView 对象传递<canvas>元素的id 并启动。只需确保从Web服务器运行，而不仅仅是本地文件，因为xViewer使用AJAX获取wexBIM数据，并且一些浏览器甚至在本地HTML文件上施加CORS限制。另外请确保您不要使用低于11的IE，因为您需要支持WebGL。

如果我们在应用程序需要部署的话，我们已经提到xbim-viewer.debug.bundle.js包含xbim-viewer.js有两个依赖库一起捆绑GL-matrix.js和支持WebGL utils.js。从文件的名称就可以看出事试用版。如果您下载此库，它包含用于不同类型部署的多个文件。软件包是独立的，并以缩小版和调试版发布。如果您的部署更合理，则还可以引用单独的库。这些是明智的组合:

    <script src="js/xbim-viewer.debug.bundle.js"></script>

用于调试捆绑版本（如果您选择了IDE，也会在VS中为您添加智能感知支持）或

 <script src="js/xbim-viewer.min.bundle.js"></script>

对于缩小版本（这可能是您的发布选择）或

    <script src="js/gl-matrix.min.js.js"></script>
    <script src="js/webgl-utils.min.js"></script>
    <script src="js/xbim-viewer.min.js"></script>

它们全部分开。

weixin_33881140

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
xBIM WeXplorer xViewer 基本应用

目录基础xBIM WeXplorer 简要介绍xBIM WeXplorer xViewer 基本应用xBIM WeXplorer xViewer 浏览器检查xBIM WeXplorer xViewer的导航，相机、剖切、隐藏等操作xBIM WeXplorer 设置模型颜色高级应用xBIM 综合使用案例与 ASP.NET MVC ...
复制链接

扫一扫