Fabric.js 多边形 excludeFromExport 属性

简介

在 Fabric.js 中，excludeFromExport 属性被应用于多边形（Polygon）对象，用于指示是否在导出操作（如toJSON方法）中排除该对象。当设置为 true 时，导出操作将不包含该多边形对象。

代码示例

const canvas = new fabric.Canvas('canvas');

// 创建多边形
const polygon = new fabric.Polygon([
  { x: 50, y: 50 },
  { x: 100, y: 100 },
  { x: 150, y: 50 },
], {
  strokeWidth: 2,
  stroke: 'black',
  fill: 'red',
  excludeFromExport: true, // 设置 excludeFromExport 属性为 true
});

// 添加多边形到 Canvas
canvas.add(polygon);

// 导出 Canvas
const json = JSON.stringify(canvas.toDatalessJSON(['excludeFromExport']));

console.log(json);

解释

在上面的示例中，我们创建了一个 canvas，并向其添加了一个多边形对象，使用excludeFromExport属性设置为 true。然后，我们通过调用toDatalessJSON方法将 canvas 导出成 JSON 字符串，其中我们指定了要排除的属性为 'excludeFromExport'。

导出的 JSON 结果将不包含被标记为 excludeFromExport 的多边形对象。

结论

通过使用 Fabric.js 的 excludeFromExport 属性，我们可以控制哪些多边形对象将被导出。这对于在导出操作中排除某些对象很有用，以便在导入时忽略它们或应用其他逻辑。