G6 - 锚点配置

             <!DOCTYPE html>
    <html>
      <head>
        <meta charset="utf-8">
        <title>锚点配置</title>
<script src="https://a.alipayobjects.com/jquery/jquery/1.11.1/jquery.js"></script>
<script src="https://gw.alipayobjects.com/os/antv/assets/g6/1.2.8/g6.min.js"></script>
      </head>
      <body>
          <div id="c1"></div>
 <script type="text/javascript">
var invalidCfg = {
        style: {
          fill: 'red',
          fillOpacity: 0.7
        },
        hoverStyle: {
          stroke: null
        },
        linkable: false
      };
G6.registNode('custom1', {
  getAnchorPoints: function(){
    return [
      [0, 0.5, invalidCfg],
      [0.5, 0],
      [1, 0.5]
    ];
  }
});

G6.registNode('custom2', {
  getAnchorPoints: function(){
    return [
      [0, 0.5],
      [1, 0.5, invalidCfg]
    ];
  }
});
var data = {
  nodes: [
    {
      x: 240,
      y: 210,
      id: 'node1',
      shape: 'custom1'
    },
    {
      x: 370,
      y: 170,
      id: 'node2',
      shape: 'custom2'
    },
  ],
  edges: [
    {
      source: 'node1',
      id: 'edge1',
      target: 'node2',
    },
  ],
};
var net = new G6.Net({
  id: 'c1',      // 容器ID
  width: 500,    // 画布宽
  height: 500,   // 画布高
  mode: 'edit'
});
net.source(data.nodes, data.edges);
net.render();
</script>

      </body>
    </html>
          
        
锚点配置