本帖最后由 18979425409 于 2023-5-22 15:31 编辑
在ThingJS低代码平台中,可以通过以下步骤实现森拓扑的创建、销毁功能:
1.创建森拓扑 在低代码中代码示例如下: - var forestTopology ; //森拓扑对象
- // 引用拓扑组件脚本
- THING.Utils.dynamicLoad(['https://topo.thingjs.com/topo-static/js/thing.diagram.min.js'], function () {
- // 初始化拓扑场景
- forestTopology = new THING.DIAGRAM.Graph({
- container: 'div2d', // 容器元素 id
- url: '/diagrams/295b9ba8799e1aa8', // 拓扑场景资源路径
- });
- })
复制代码
2.销毁森拓扑 由于创建森拓扑时,容器背景颜色会默认渲染为白色,即在调用thingjs提供的destroy()方法对森拓扑进行销毁后,我们还需要修改背景颜色为透明色。代码示例如下: - forestTopology.destroy()
- // 获取的dom元素与第一点的 container相呼应
- $("#div2d")[0].style.background = 'transparent'
复制代码
|