Question

我想知道是否有可能有一个圆形边界框，如果我可以给这个区域一个背景颜色？

如果不可能，有人可以告诉我在哪里可以更改源中的内容以获得圆形边界框？

我在一年前看过这个讨论，虽然我在文档中找不到任何内容，但可能会朝这个方向发生变化。

非常感谢提前

Answer 1

圆的边界框是一个正好包含该圆的正方形。

因此，您可以创建一个矩形，其中心位于圆的中心，其宽度和高度等于圆的半径的两倍。

var rect = new fabric.Rect({
  left: CircleCenterXMinusCircleRadius,
  top: CircleCenterYMinusCircleRadius,
  fill: "red",
  width: CircleRadiusX2,
  height: CircleRadiusX2
});

...或者您的意思是想要设置圆圈的填充颜色

var circle = new fabric.Circle({
    fill: 'blue',
    // other properties here 
});

...或者您想要设置画布背景的填充颜色：

var canvas = new fabric.Canvas('myCanvasElement', {
  backgroundColor: 'rgb(100,100,200)',
  // other properties here
});

对象的边界框变为圆形

1 个答案: