如何在 FabricJS 上缩放对象时停止控件边框填充增加

Question

在

FabricJS 上缩放对象时如何停止控制边框填充增加？

我有一个矩形

canvas = new fabric.Canvas('c', {
                backgroundColor: '#FFFFFF'
});
// create a rectangle object
var rect = new fabric.Rect({
  left: 200,
  top: 185,
  fill: 'red',
  width: 100,
  height: 100,
  padding: 0
});

https://jsfiddle.net/wwexsh1f/2/

缩放矩形图像

当我使用鼠标或 rect.scaleTo 功能缩放矩形时，尽管填充设置为 0，但控件边框填充也会增加。

如何停止缩放时填充增加？

Answer 1

设置 strokeWidth = 0;

var rect = new fabric.Rect({
  left: 200,
  top: 185,
  fill: 'red',
  width: 100,
  height: 100,
  padding: 0,
  strokeWidth : 0
});

它与对象一起缩放