第一天学习BIMFACE。

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

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

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

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

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

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

// 成功的回调函数
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视图出现错误              
}

你可能感兴趣的:(第一天学习BIMFACE。)