AntvX6-Graph-rotate

建个画布

      // 创建画布
      this.graph = new Graph({
        container: document.getElementById('layoutContainer'),
        width: 800,
        height: 500,
        grid: true,
        // 旋转
        rotating: {
          enabled: true, // 是否开启节点旋转
          grid: 15 // 每次旋转15度
        }   
      })

配置旋转 rotating 属性

 // 旋转
        rotating: {
          enabled: true, // 是否开启节点旋转
          grid: 15 // 每次旋转15度
        }

来个Node

 // A
      this.graph.addNode({
        x: 50,
        y: 50,
        width: 100,
        height: 40,
        attrs: { label: { text: 'A' } }
      })

监听旋转角度变化

  this.graph.on('node:resize', (args) => {
        console.log('node:resize', args)
      })
      this.graph.on('node:resizing', (args) => {
        console.log('node:resizing', args)
      })
      this.graph.on('node:rotate', (args) => {
        console.log('node:rotate', args)
      })
      this.graph.on('node:rotating', (args) => {
        console.log('node:rotating', args)
      })
      this.graph.on('node:rotated', (args) => {
        console.log('node:rotated', args)
      })