Fabric.js Circle getScaledWidth() 方法介绍

概述

getScaledWidth() 方法是 Fabric.js 中 Circle 类的一个方法。该方法用于获取该圆形对象在进行缩放后的宽度值。

语法

circle.getScaledWidth();

参数

该方法不接受任何参数。

返回值

该方法返回一个数字类型的值，表示当前圆形对象在进行缩放后的宽度值。注意，该值是相对于原始宽度的缩放比例后的值。

示例

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

const circle = new fabric.Circle({
    left: 100,
    top: 100,
    radius: 50,
    fill: 'red'
});

canvas.add(circle);

console.log(circle.getScaledWidth()); // 输出结果为 100

circle.scale(2); // 将圆形对象放大两倍

console.log(circle.getScaledWidth()); // 输出结果为 200

解释

以上示例代码中，我们首先创建了一个半径为 50 像素的圆形对象，并将其添加到 canvas 中。然后，我们调用了 getScaledWidth 方法获取该圆形对象在进行缩放前的宽度值，并将其输出到控制台中。

接着，我们调用了 scale 方法将该圆形对象放大两倍。然后，我们再次调用 getScaledWidth 方法获取该圆形对象在进行缩放后的宽度值，并将其输出到控制台中。可以看到，输出结果为 200，说明该圆形对象的宽度值已经按照缩放比例进行了更新。