vue.js - fabric.js 5.3.0版本，多选元素时，如何禁止旋转控件出现？

Question

fabric.js 5.3.0版本，多选元素时禁止旋转

Answer 1

把hasRotatingPoint设置成false

import { fabric } from 'fabric';

const canvas = new fabric.Canvas('c');

canvas.add(new fabric.Rect({ left: 10, top: 10, width: 50, height: 50, fill: 'red' }));
canvas.add(new fabric.Circle({ left: 70, top: 70, radius: 25, fill: 'green' }));

canvas.on('selection:created', (e) => {

  if (e.selected.length > 1) {
    e.target.set({
      hasRotatingPoint: false,
    });
    
    e.target.setCoords();
    canvas.renderAll();
  }
});


canvas.on('selection:cleared selection:updated', (e) => {
  if (e.target) {
  
    e.target.set({
      hasRotatingPoint: true,
    });
   
    e.target.setCoords();
    canvas.renderAll();
  }
});