建個畫布

      // 創(chuàng)建畫布
      this.graph = new Graph({
        container: document.getElementById('layoutContainer'),
        width: 800,
        height: 500,
        grid: true,
        // 旋轉(zhuǎn)
        rotating: {
          enabled: true, // 是否開啟節(jié)點(diǎn)旋轉(zhuǎn)
          grid: 15 // 每次旋轉(zhuǎn)15度
        }   
      })

配置旋轉(zhuǎn) rotating 屬性

 // 旋轉(zhuǎn)
        rotating: {
          enabled: true, // 是否開啟節(jié)點(diǎn)旋轉(zhuǎn)
          grid: 15 // 每次旋轉(zhuǎn)15度
        }

來個Node

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

監(jiān)聽旋轉(zhuǎn)角度變化

  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)
      })