Canvas OriginX和OriginY使对象不可选择

在画布上的这个示例中，我们有一个选定的矩形。我们在画布的上部有一个OriginX和OriginY的选择器。选中复选框时，对象的旋转中心将发生变化

但是，更改时，即使在执行obj.setCoords时，对象也不会正确渲染

---

这是在fabricjs的2.0.0版中发现的错误，请更改为版本

---

fabricjs的2.0.1解决问题

对象旋转中心

不依赖于原点和原点，关于原点的更多信息，我现在很困惑。我有一个功能，我将“旋转点”更改为缩放手柄Hey pedro，关于originX和originY不使用setCoords，我想你发现了一个bug，你能向github.com上的fabric.js issue tracker报告吗？我打开了事件，但又关闭了它，认为这不重要，从现在开始我不会这么做，谢谢你

var canvas = new fabric.Canvas('canvas');
var rect1 = new fabric.Rect({
  width: 100,
  height: 100,
  left: 200,
  top: 200,
  angle: 0,
  fill: 'rgba(0,0,255,1)',
  originX: 'center',
  originY: 'center'
 });
 canvas.add(rect1);
 canvas.setActiveObject(rect1);
 $("#checkboxOneInput").on('change', function(){
   if(canvas.getActiveObject()){
         var obj = canvas.getActiveObject();
     obj.set('originX', 'left');
     obj.set('originY', 'top');
     obj.setCoords();
     canvas.renderAll();
  }
});
$("#checkboxTwoInput").on('change', function(){
  if(canvas.getActiveObject()){
        var obj = canvas.getActiveObject();
     obj.set('originX', 'center');
     obj.set('originY', 'top');
     obj.setCoords();
     canvas.renderAll();
  }
 });
 $("#checkboxThreeInput").on('change', function(){
  if(canvas.getActiveObject()){
        var obj = canvas.getActiveObject();
    obj.set('originX', 'rigth');
    obj.set('originY', 'top');
    obj.setCoords();
    canvas.renderAll();
  }
 });
$("#checkboxFourInput").on('change', function(){
   if(canvas.getActiveObject()){
        var obj = canvas.getActiveObject();
     obj.set('originX', 'left');
     obj.set('originY', 'center');
     obj.setCoords();
     canvas.renderAll();
   }
  });
  $("#checkboxFiveInput").on('change', function(){
   if(canvas.getActiveObject()){
         var obj = canvas.getActiveObject();
     obj.set('originX', 'center');
     obj.set('originY', 'center');
     obj.setCoords();
     canvas.renderAll();
    }
   });
  $("#checkboxSixInput").on('change', function(){
     if(canvas.getActiveObject()){
        var obj = canvas.getActiveObject();
        obj.set('originX', 'right');
        obj.set('originY', 'center');
        obj.setCoords();
        canvas.renderAll();
     }
   });
   $("#checkboxSevenInput").on('change', function(){
      if(canvas.getActiveObject()){
        var obj = canvas.getActiveObject();
        obj.set('originX', 'left');
        obj.set('originY', 'bottom');
        obj.setCoords();
        canvas.renderAll();
      }
   });
   $("#checkboxEightInput").on('change', function(){
      if(canvas.getActiveObject()){
         var obj = canvas.getActiveObject();
         obj.set('originX', 'center');
         obj.set('originY', 'bototm');
         obj.setCoords();
         canvas.renderAll();
      }
     });
     $("#checkboxNineInput").on('change', function(){   
       if(canvas.getActiveObject()){
         var obj = canvas.getActiveObject();
         obj.set('originX', 'right');
         obj.set('originY', 'bottom');
         obj.setCoords();
         canvas.renderAll();
       }
     });