📅 最后修改于: 2023-12-03 15:00:41.490000 🧑 作者: Mango
getScaledWidth()
方法在使用 Fabric.js 库开发前端页面时,我们可能需要用到 ActiveSelection
类来进行多个对象的选中和操作。getScaledWidth()
方法是 ActiveSelection
类的一个方法,可以用来获取选中对象的缩放后的宽度。
getScaledWidth()
方法的定义如下:
ignoreVpt
:可选参数。当值为 true
时,忽略视图上的变换。默认值为 false
。
返回值:返回选中对象缩放后的宽度(单位为像素)。
当我们需要获取多个对象组成的选中集合中,所有对象宽度缩放后的最大或最小值时,可以使用 getScaledWidth()
方法。
随着选中对象的移动、缩放、旋转,视图会发生变换,因此在计算选中集合的宽度时,需要考虑视图变换对宽度的影响。可以通过 ignoreVpt
参数来控制是否忽略视图上的变换。
上面的示例中,我们创建了两个矩形,将它们添加到 canvas 中,并选中它们。通过 group.getScaledWidth()
方法,我们可以获取到选中的两个矩形缩放后的最大宽度。