目录
基础
- xBIM WeXplorer 简要介绍
- xBIM WeXplorer xViewer 基本应用
- xBIM WeXplorer xViewer 浏览器检查
- xBIM WeXplorer xViewer的导航,裁剪和隐藏
- xBIM WeXplorer 设置模型颜色
高级应用
- xBIM 综合使用案例与 ASP.NET MVC 集成(一)
- xBIM 综合使用案例与 ASP.NET MVC 集成(二)
- xBIM 综合使用案例与 ASP.NET MVC 集成(三)
在之前的博客xBIM WeXplorer xViewer 基本应用 我们已经提到,WeXplore不能在所有的浏览器上运行。为了方便简单操作,我们觉得使用最新技术。浏览器应该满足几个先决条件才能运行查看器。请不要放弃检查浏览器,它可以在几年前的电脑上运行Chrome 或者 Mozilla的PC 上运行。并且可以在平板电脑和移动设备上运行。主要的限制是关于在IE11之前不支持WebGLass的IE。为了在开发的过程中方便。查看器具有静态功能来检查其要求。
<script type="text/javascript"> var check = xViewer.check(); if (check.noErrors) { ... } </script>
其实很简单的,只要运行这个静态函数,他会向你报告任何错误和警告。(当然现在一般也不会遇到错误)。
<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Hello building!</title> <link href="css/layout.css" rel="stylesheet" /> <script src="js/xbim-viewer.debug.bundle.js"></script> </head> <body> <div id="content"> <canvas id="viewer" width="500" height="300"></canvas> <script type="text/javascript"> var check = xViewer.check(); if (check.noErrors) { var viewer = new xViewer(‘viewer‘); viewer.load(‘data/SampleHouse.wexbim‘); viewer.start(); } </script> </div> </body> </html>
如果检查浏览器不兼容、可以向用户提供错误报告,如下所示
<script type="text/javascript"> var check = xViewer.check(); if (check.noErrors) { //start animation, listen to events and do all the funny stuff } else { var msg = document.getElementById(‘msg‘); msg.innerHTML = ‘‘; for(var i in check.errors) { var error = check.errors[i]; msg.innerHTML += "<div style=‘color: red;‘>" + error + "</div>"; } } </script>