hd-topo v0.6.0

Hd-Topo

• 此库使用PIXI， 使用webgl绘制2D的形式，用来绘制拓扑图；
• 使用了d3-force力导引布局，自动计算位置；
• 使用了d3-zoom, 计算zoom；

• 推荐使用npm的方式安装，如

npm install hd-topo

配置 webpack，全局注入PIXI 、d3

npm install pixijs
npm install d3

plugins: [
    // 全局注入
    new webpack.ProvidePlugin({
      PIXI: 'pixi.js',
      d3: 'd3'
    })
]

Hello world

import App from 'hd-topo'
const app = new App(
    document.getElementById('app'), // dom 容器，装载canvas
)
app
   .draw(data) // 先绘画图像，才能计算位置
   .generate(data) // 计算节点位置
   .bindZoom() // 添加zoom事件

详细文档见：