基于 WebGL 3D + HTML5 档案馆可视化管理系统

hawawa 2019-02-08 原文

    // 初始化相对布局器
    var relativeLayout = new ht.ui.RelativeLayout();
    // 初始化 3D 拓扑
    var g3dView = new ht.graph3d.Graph3dView();
    // 初始化 HTVIEW 组件， 并将 3D 拓扑放入其中
    var htView = new ht.ui.HTView(g3dView);
    // 布局器加载 HTVIEW 组件
    relativeLayout.addView(htView, {
        width: 'match_parent',  // 填满
        height: 'match_parent', // 填满
        marginTop: 64,            // 为 TOP 留下空间
        marginLeft: 250            // 为 LEFT 留下空间
　　});

实现从调色板中将图元拖拽至 3D 场景

在上一步中我们对调色板中的图元属性设置了可拖拽，此时可以实现拖拽图元的动画。但是并不能直接将图元拖拽到 3D 场景中，实现思路是：

1.  在拖拽时获取拖拽的图元信息
2.  拖拽到对应位置时显示可摆放位置
3.  结束拖拽后在对应位置创建对应的 3D 模型

对应代码实现如下：

拖拽时获取图元信息

档案管理系统是通过建立统一的标准以规范整个文件管理，包括规范各业务系统的文件管理的完整的档案资源信息共享服务平台，主要实现档案流水化采集功能。为企事业单位的档案现代化管理，提供完整的解决方案，档案管理系统既可以自成系统，为用户提供完整的档案管理和网络查询功能，也可以与本单位的OA办公自动化和DPM设计过程管理，或者与MIS信息管理系统相结合，形成更加完善的现代化信息管理网络。传统档案馆随着社会的快速发展与变化，其内在形式上也发生了巨大变化，逐渐演变为现代智慧档案馆。智慧档案馆以现代科技为依托，充分结合现代物联网技术与云计算技术构建完善的城市智慧档案，实现了现代社会全面管理的目标。本文以当前流行的 H5 技术为主，为现代智慧档案馆提供一套 WEB 解决方案。