How to use the @antv/g6/src/global.defaultNode function in @antv/g6

To help you get started, we’ve selected a few @antv/g6 examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github OXOYO / X-Flowchart-Vue / src / global / g6 / node / callout.js View on Github external
// 左上
        [ 'M', -width / 2, -height / 2 ],
        // 右上
        [ 'L', width / 2, -height / 2 ],
        // 右下
        [ 'L', width / 2, height / 4 ],
        // 下拐角
        [ 'L', width / 4, height / 4 ],
        [ 'L', 0, height / 2 ],
        [ 'L', 0, height / 4 ],
        // 左下
        [ 'L', -width / 2, height / 4 ],
        [ 'Z' ]
      ]
      const color = cfg.color || Global.defaultNode.color
      const style = Util.mix({}, Global.defaultNode.style, {
        // 节点的位置在上层确定,所以这里仅使用相对位置即可
        x,
        y,
        width,
        height,
        path,
        stroke: color
      }, cfg.style)
      return style
    }
  }
github OXOYO / X-Flowchart-Vue / src / global / g6 / node / data-storage.js View on Github external
const height = size[1]
      const x = 0 - width / 2
      const y = 0 - height / 2
      const path = [
        // 左上
        [ 'M', -width / 4, -height / 2 ],
        // 右上
        [ 'L', width / 2, -height / 2 ],
        // 右弧
        [ 'C', width * 0.3, 0, width * 0.3, 0, width / 2, height / 2 ],
        // 左下
        [ 'L', -width / 4, height / 2 ],
        // 左弧
        [ 'C', -width * 0.45, 0, -width * 0.45, 0, -width / 4, -height / 2 ]
      ]
      const color = cfg.color || Global.defaultNode.color
      const style = Util.mix({}, Global.defaultNode.style, {
        // 节点的位置在上层确定,所以这里仅使用相对位置即可
        x,
        y,
        width,
        height,
        path,
        stroke: color
      }, cfg.style)
      return style
    }
  }
github OXOYO / X-Flowchart-Vue / src / global / g6 / node / actor.js View on Github external
[ 'L', 0, -height / 5 ],
        [ 'L', width / 2, -height / 5 ],
        [ 'L', 0, -height / 5 ],
        // 竖线
        [ 'L', 0, height / 4 ],
        // 左斜线
        [ 'L', -width / 2, height / 2 ],
        [ 'L', 0, height / 4 ],
        // 右斜线
        [ 'L', width / 2, height / 2 ],
        [ 'L', 0, height / 4 ],
        // 竖线
        [ 'L', 0, -height / 5 ]
      ]
      const color = cfg.color || Global.defaultNode.color
      const style = Util.mix({}, Global.defaultNode.style, {
        // 节点的位置在上层确定,所以这里仅使用相对位置即可
        x,
        y,
        width,
        height,
        path,
        stroke: color
      }, cfg.style)
      return style
    }
  }
github OXOYO / X-Flowchart-Vue / src / global / g6 / node / internal-storage.js View on Github external
// 左上
        [ 'L', -width / 2, -height / 2 ],
        // 竖线
        [ 'L', -width / 4, -height / 2 ],
        [ 'L', -width / 4, height / 2 ],
        // 左下
        [ 'L', -width / 2, height / 2 ],
        // 左上
        [ 'L', -width / 2, -height / 2 ],
        // 右上
        [ 'L', width / 2, -height / 2 ],
        // 横线
        [ 'L', width / 2, -height / 4 ],
        [ 'L', -width / 2, -height / 4 ]
      ]
      const color = cfg.color || Global.defaultNode.color
      const style = Util.mix({}, Global.defaultNode.style, {
        // 节点的位置在上层确定,所以这里仅使用相对位置即可
        x,
        y,
        width,
        height,
        path,
        stroke: color
      }, cfg.style)
      return style
    }
  }
github OXOYO / X-Flowchart-Vue / src / global / g6 / node / general / arrow.js View on Github external
// 右上中
        [ 'L', P3.x, P3.y ],
        // 右上
        [ 'L', P4.x, P4.y ],
        // 右顶点
        [ 'L', P5.x, P5.y ],
        // 右下
        [ 'L', P6.x, P6.y ],
        // 右下中
        [ 'L', P7.x, P7.y ],
        // 左下
        [ 'L', P8.x, P8.y ],
        [ 'Z' ]
      ]
      const color = cfg.color || Global.defaultNode.color
      const style = Util.mix({}, Global.defaultNode.style, {
        // 节点的位置在上层确定,所以这里仅使用相对位置即可
        x,
        y,
        width,
        height,
        path,
        stroke: color
      }, cfg.style)
      return style
    }
  }
github OXOYO / X-Flowchart-Vue / src / global / g6 / node / diamond.js View on Github external
const height = size[1]
      const x = 0 - width / 2
      const y = 0 - height / 2
      const path = [
        // FIXME (0,0)点在图形正中心,x坐标向右增,y坐标向下增
        // 左顶点
        [ 'M', -width / 2, 0 ],
        // 上顶点
        [ 'L', 0, -height / 2 ],
        // 右顶点
        [ 'L', width / 2, 0 ],
        // 下顶点
        [ 'L', 0, height / 2 ],
        [ 'Z' ]
      ]
      const color = cfg.color || Global.defaultNode.color
      const style = Util.mix({}, Global.defaultNode.style, {
        // 节点的位置在上层确定,所以这里仅使用相对位置即可
        x,
        y,
        width,
        height,
        path,
        stroke: color
      }, cfg.style)
      return style
    }
  }
github OXOYO / X-Flowchart-Vue / src / global / g6 / node / tape.js View on Github external
const height = size[1]
      const x = 0 - width / 2
      const y = 0 - height / 2
      const path = [
        // 左上
        [ 'M', -width / 2, -height / 4 ],
        // 上弧
        [ 'C', -width / 4, height * 1 / 8, width / 4, -height * 5 / 8, width / 2, -height / 4 ],
        // 右下
        [ 'L', width / 2, height / 4 ],
        // 弧
        [ 'C', width / 4, -height / 8, -width / 4, height * 5 / 8, -width / 2, height / 4 ],
        [ 'Z' ]
      ]
      const color = cfg.color || Global.defaultNode.color
      const style = Util.mix({}, Global.defaultNode.style, {
        // 节点的位置在上层确定,所以这里仅使用相对位置即可
        x,
        y,
        width,
        height,
        path,
        stroke: color
      }, cfg.style)
      return style
    }
  }