twaver-html在Vue项目和React项目中的使用及若干问题总结

87 阅读1分钟

twaver.js在网络拓扑图绘制中非常便捷,以下为相关总结:

一、在vue项目中使用

为了能够在Vue项目中全局使用twaver,需要进行一系列配置

前提:

在项目根路径下放置了twaver.js和license.js文件

全局引入:

在index.html中全局引入

1751265548125.png

二、在React项目中使用: 为了能够在React项目中全局使用twaver,需要进行一系列配置

前提:

在项目根路径下放置了twaver.js和license.js文件

全局引入:

在config.ts中配置额外的 script

1751265619629.png 在typing.d.ts中声明:

1751265645508.png

完成全局引入后,便可以在其他页面直接用twaver

使用中问题总结: 1.group背景图片的使用: 想自定义group的背景图片,可以使用g.setStyle('group.expend.image', 'xx'),自重xx为注册好的自定义图片。 2.tooltip样式修改:tooltip样式需自定义 3.组的展开区域的位置,宽高等信息的获取:groupUI.getBodyRect()