第一天学习BIMFACE。

首先注册登陆到BIMFACE官网，直接输入名称即可找到。

想要成为开发者，先创建免费应用，拿到APP证书。

随后在控制台里面的应用管理，找到源文件-上传文件，上传你想要上传的文件，注意文件类型是否匹配。

上传好了会出现你所上传的文件信息，找到发起转换，并点击。

随之在同级找到文件转换并点击，再找到获取viewToken并点击，出现一个弹窗并点击复制，复制的便是viewToken了。

好，现在我们打开新建一个html文件。

<div id='domId' style='设置宽高'></div>
<script>

var viewToken  = '输入刚才复制的viewToken码';// 这个是待定显示的模型或图纸，也就是你上传的文件

var options = new BimfaceSDKloaderConfig(); // 显示组件加载器的配置  有四个属性

        console.log(options.staticHost); // 显示组件的网址
        console.log(options.APIHost);// 显示服务端API的网址
        console.log(options.viewToken);  // 待定显示的模型或图纸的viewToken
        console.log(options.configuration); // 加载模式  生产环境模式Release  调式环境Debug
        
BimfaceSDKloader.load(加载器的匹配，成功后的回调函数，失败的回调函数);

</script>

// 成功的回调函数
function suceessCallback (viewMetaData){

   var domShow = document.getElementById('domId'); // 拿到我们设置的id
   
   var config  = new Glodon.Bimface.Viewer.Viewer2DConfig(); // viewer2D的配置  两个属性
                config.domElement = dom4Show;   // domElement属性设置为拿到的id
                     // resourceHost  资源的网址 默认值为https://m.bimface.com/

   var viewer2D =  new Glodon.Bimface.viewer.Viewer2D(config); // 创建2D对象 操作二维图纸 并传入配置项
         viewer2D.load(viewToken); // 此方法为加载二维图纸
         viewer2D.getViews(id列表); // 获取所有视口id元素
         viewer2D.getCurrentViewId(id); // 获取当前视口id
         viewer2D.showViewById(id); // 根据视口id显示相对应的视口
         Viewer2D.home(); // 缩放试图比例以显示当前视口内的所有对象
         viewer2D.rectZoom(); // 进入选框放大模式
         viewer2D.enableFullSrceen(enable); // 是否允许全屏显示  true
         viewer2D.getCurrentState(当前的状态); // 获取当前2D状态，可以保存到自己的业务系统中
         viewer2D.setSate(state); // state为getCurrentState返回的对象  把之前的2D状态恢复到场景中
         viewer2D.createSnapshotAsync(颜色，加载成功回调函数(图片的base64编码)); // 创建快照图片
         viewer2D.addEventListener(事件名称，处理事件函数)；// 增加监听事件
         viewer2D.removeEventListener(事件名称，处理事件函数); // 移除监听事件 
         
// 事件名称有：
    Glodon.Bimface.Viewer,Viewer2DEvent.Loaded; // 2D加载完毕
    Glodon.Bimface.Viewer.Viewer2DEvent.ViewChanged; // 2D视图变化
    Glodon.Bimface.Viewer.Viewer2DEvent.MouseClicked; // 2D视图点击
    Glodon.Bimface.Viewer.Viewer2DEvent.Error; // 2D视图出现错误              
}