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

How to stop control border padding increase when scaling an object on FabricJS?

本文关键字：控件 边框 增加 填充 对象 FabricJS 缩放      更新时间：2023-09-26
在

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，但控件边框填充也会增加。

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

设置 strokeWidth = 0;

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

它与对象一起缩放

相关文章：