如何增加Fabric对象的选择区域?

Sid*_*ant 8 fabricjs

请考虑以下代码:

var lineObj = new fabric.Line([120,200,320,200],{
  stroke: '#000000',
  strokeWidth: 1
});
canvas.add(lineObj);
Run Code Online (Sandbox Code Playgroud)

由于其非常小的宽度,这1像素线很难选择.我想在这里做的是增加其选择范围.像这样:

Line Corners

有什么方法可以实现这个目标吗?

kan*_*gax 11

是的,我们padding有价值.

var lineObj = new fabric.Line([120,200,320,200], {
  stroke: '#000000',
  strokeWidth: 1,
  padding: 20
});
canvas.add(lineObj);
Run Code Online (Sandbox Code Playgroud)

在此输入图像描述

我提到Fabric是否灵活而强大?:)

@markE不错的解决方案!很高兴您发现浏览源代码很容易.