2D拓扑(hightopo库)
一、HTML
- style
<style>
html, body {
padding: 0px;
margin: 0px;
}
.main {
margin: 0px;
padding: 0px;
position: absolute;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
}
</style>
- 引用ht的库
<script src="./lib/core/ht.js"></script>
- script主体
<script>
function init(){
window.gv = new ht.graph.GraphView();
window.gv.addToDOM();
window.gv.fitContent(true);
var flag = 0;
var timer = 0;
ht.Default.xhrLoad('display/index1.json', function(text){
var json = ht.Default.parse(text);
window.gv.dm().deserialize(json);
for(var i = 0; i < gv.dm().size(); i++){
var data = gv.dm().getDatas().get(i);
if(data.getTag()){
data.a('shadow', false);
data.a('shadowColor', 'rgba(255,0,0,0.9)');