antv x6基类cell第二讲—自定义节点Node

<每天一点>

已于 2022-04-09 14:25:23 修改

阅读量2.7k

点赞数 1

分类专栏： antV-X6 文章标签： vue.js 前端

于 2022-04-03 21:54:02 首次发布

本文链接：https://blog.csdn.net/weixin_44213308/article/details/123943589

版权

antV-X6 专栏收录该内容

15 篇文章 39 订阅

订阅专栏

      const customNode: Node = new Node({
        x: 400,
        y: 350,
        width: 200,
        height: 60,
        markup: [
          {
            tagName: 'rect',
            selector: 'body',
          },
          {
            tagName: 'text',
            selector: 'label',
          },
        ],
        attrs: {
          text: {
            // fill: '#000',
            fontSize: 14,
            textAnchor: 'middle',
            textVerticalAnchor: 'middle',
          },
          rect: {
            ref: 'label',
            stroke: '#000',
            fill: '#fff',
            rx: 3,
            ry: 3,
            refWidth: 100,
            refHeight: 100,
            refX: -50,
            refY: -50,
          },
          label: {
            text: "自定义node", // 文字
          },
        },
      });
      graph.addNode(customNode);

https://www.bilibili.com/video/BV1k94y1o7Pq?share_source=copy_web