jsplumb插件学习--单个节点动态添加多个锚点

思路：

     其实所谓的动态添加多个描点，就是循环添加单个端点，但是指定描点不同的位置

 

核心代码：

     /*
          target
          动态添加多个锚点，并且保证其能够均匀分配，不会出现连接错位的问题
          x的取值范围是0~1
           */
          let anchorNumber = 4
          let differenceValue = 1 / (anchorNumber+1);
          let x = 0;
          for (let i = 0; i < anchorNumber; i++) {
            jsPlumb.addEndpoint('flowchartWindow2', {
              anchor: [x += differenceValue, 0, 0, -1],
              type: 'target',
              num: -1
            }, dragConnection);

          }

 

 

全部代码：

<template>
  <div>
    ============================40、Jsplumb插件的使用--单个节点动态添加多个锚点，并实现均匀非配==============