FabricJS 多边形高度宽度不增加对象大小但边界框

Question

我正在尝试增加多边形对象的大小，但并没有增加对象大小，它只是增加了对象和边界框之间的填充。

Please see results

这是我的代码：

let newObject = window.saveCoordinates;

let objectWidth = fabric.util.parseUnit(params.width + 'in');
let objectHeight = fabric.util.parseUnit(params.length + 'in');

console.log(objectWidth, objectHeight)
var polygon = new fabric.Polygon(newObject, {
    left: 100,
    top: 100,
    width: objectWidth,
    height: objectHeight,
    scaleX: 1,
    scaleY: 1,
    originX: 0,
    originY: 0,
});

polygon.setCoords();
canvas.add(polygon);
canvas.renderAll();

Answer 1

对于要使用 scaleX 和 scaleY 属性设置大小的多边形、路径和图像。您可以直接设置这些值，或使用 scaleToWidth() 或 scaleToHeight() 方法使比例值按比例计算以适合您的预期尺寸。

如果您在问题中添加有效代码片段，我可以用示例更新此答案。

FabricJS 多边形高度宽度不增加对象大小但边界框

FabricJS Polygon height width not increasing object size but bounding box

javascript

fabricjs