使用Fabric.js旋转对象后重新绘制边框边框

Question

我正在使用Fabric.js（1.7.19版）在画布上绘制。 我有一个“旋转”按钮，可将活动对象旋转90度。 旋转效果很好，但是对象边界框的边框不会更改以反映旋转后的对象，除了看起来很奇怪以外，这意味着我无法正确选择对象。

这是我的旋转对象功能。

rotateItem = (e) => {
  e.preventDefault();
  const currentAngle = this.state.activeItem.item(0).get('angle');
  this.state.activeItem.item(0).setAngle(currentAngle + 90).setCoords();
  fabricCanvas.renderAll();
}

Answer 1

我知道了。 我添加了一个新的fabric.Group到画布上，然后在我真正需要做的是旋转整个组时旋转该组内的第一个项目（因此是.item(0) ）。 删除.item(0)解决了我的问题。

rotateItem = (e) => {
  e.preventDefault();
  const currentAngle = this.state.activeItem.get('angle');
  this.state.activeItem.setAngle(currentAngle + 90).setCoords();
  fabricCanvas.renderAll();
}