时间戳

首页 > 解决方案 > FabricJS多边形高度宽度不增加对象大小但边界框

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

问题描述

我正在尝试增加多边形对象的大小，但不是增加对象大小，而是增加对象和边界框之间的填充。

请看结果

这是我的代码：

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();

标签： javascriptfabricjs

解决方案

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

如果您在问题中添加一个工作代码片段，我可以用一个例子更新这个答案。

推荐阅读