Fabric.js 多边形cornerSize 属性

cornerSize 属性是 Fabric.js 中多边形对象的一个属性。它指定了多边形对象的角落大小。 cornerSize 的默认值为 13。这个属性可以用来定制 Fabric.js 平面多边形的外观。

语法

设置多边形对象的 cornerSize 属性

object.set({
    cornerSize: 20
});

获取多边形对象的 cornerSize 属性

var cornerSize = object.get('cornerSize');

参数

• cornerSize：多边形对象的角落大小，必须是一个正整数。默认值为 13。

示例

在这个例子中，我们将展示如何在 Fabric.js 中设置多边形对象的 cornerSize 属性。

首先，我们创建一个多边形对象：

var polygon = new fabric.Polygon([
    {x: 10, y: 10},
    {x: 50, y: 10},
    {x: 50, y: 50},
    {x: 10, y: 50},
], {
    fill: 'red',
    cornerSize: 20
});

canvas.add(polygon);

在上面的示例中，我们设置了多边形对象的 cornerSize 属性为 20。这将使多边形对象的角落大小变得更大。

结论

cornerSize 属性是 Fabric.js 中多边形对象的一个常用属性。使用它，我们可以控制多边形对象的角落大小并在页面上创建更好看的效果。