目錄
基礎
- 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>