Fabric.js 文本 centeredRotation 属性介绍

1. 简介

centeredRotation 是 Fabric.js 中 Text 对象的一个属性。它控制着文本的旋转是否围绕其中心点进行，而非默认的左上角。该属性默认为 false。

2. 用法示例

在创建 Text 对象时，可以通过 centeredRotation 属性设置旋转方式为围绕中心点。

var text = new fabric.Text('Hello, world!', {
  left: 100,
  top: 100,
  centeredRotation: true
});

3. 注意事项

• 该属性只适用于 Text 对象，对于其他对象无效。
• 在启用该属性后，Text 对象的旋转中心将位于其中心点。
• 如果在未启用该属性的情况下设置了 originX 或 originY 属性，可能会导致旋转中心位置出现偏移。因此，在启用该属性时，最好不要设置这两个属性。

4. 总结

centeredRotation 属性可以让文本对象在旋转时围绕中心点进行，而不是默认的左上角。在使用时需要注意其适用范围以及与其他属性的兼容性。