分享
查看: 1544|回复: 0

[分享] 在thingjs低代码中,实现森拓扑的创建、销毁功能

[复制链接]

在thingjs低代码中,实现森拓扑的创建、销毁功能

发表于 2023-5-22 15:29:33 来自 分享 阅读模式 倒序浏览
zzv_icon1544 zzr_icon0 查看全部
本帖最后由 18979425409 于 2023-5-22 15:31 编辑

在ThingJS低代码平台中,可以通过以下步骤实现森拓扑的创建、销毁功能:

1.创建森拓扑

在低代码中代码示例如下:

  1.         var  forestTopology ; //森拓扑对象
  2.         // 引用拓扑组件脚本
  3.         THING.Utils.dynamicLoad(['https://topo.thingjs.com/topo-static/js/thing.diagram.min.js'], function () {
  4.             // 初始化拓扑场景
  5.             forestTopology = new THING.DIAGRAM.Graph({
  6.                 container: 'div2d', // 容器元素 id
  7.                 url: '/diagrams/295b9ba8799e1aa8', // 拓扑场景资源路径
  8.             });
  9.         })
复制代码

2.销毁森拓扑

由于创建森拓扑时,容器背景颜色会默认渲染为白色,即在调用thingjs提供的destroy()方法对森拓扑进行销毁后,我们还需要修改背景颜色为透明色。代码示例如下:

  1. forestTopology.destroy()
  2. // 获取的dom元素与第一点的 container相呼应
  3. $("#div2d")[0].style.background = 'transparent'
复制代码


avatar
游客~
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

130700ppkpl8x3t7tt1b1t