Fabric.js 路径 touchCornerSize 属性

在Fabric.js中，touchCornerSize是指路径（Path）对象的特定属性。路径对象，就是由Fabric.js中的Path类定义的对象，它是由多个线段组成的连续图形。

touchCornerSize是什么？

touchCornerSize是路径对象的属性之一，它指示了用于调整路径对象大小的角标大小。角标，即resize control，可以使用户操作对象的大小和方向。而touchCornerSize就是resize control的大小。

如何使用touchCornerSize属性？

使用touchCornerSize属性需要首先创建一个路径对象，然后将touchCornerSize属性赋值给该对象。如下：

var path = new fabric.Path('M 0 0 L 200 100 L 170 200 z', {
  stroke: 'red',
  fill: '',
  strokeWidth: 5,
  left: 200,
  top: 200,
  selectable: true,
  touchCornerSize: 20
});

在上述代码中，除了touchCornerSize属性外，还定义了路径对象的其他属性，如颜色、宽度、位置等。

可能遇到的问题

在使用touchCornerSize时，可能会遇到resize control不能正常显示的问题。这通常是因为touchCornerSize的值太小导致的。建议将该值增大以便resize control更易于触摸。

结论

touchCornerSize属性是一个有用的路径对象属性，它可以帮助开发人员创建更好的交互体验。但是，在使用系中需要注意该值的大小，以确保resize control正常显示。