Fabric.js 三角形 excludeFromExport 属性

在使用 Fabric.js 进行绘图时，经常需要对图形进行导出。默认情况下，所有的图形都会被导出，但是有时我们不希望某些图形被导出，这时候就可以使用 excludeFromExport 属性。

excludeFromExport 属性的作用

excludeFromExport 是 Fabric.js 中的一个对象属性，用于控制图形是否在导出时被排除。当该属性的值为 true 时，导出功能会忽略该图形，不会将其加入到导出的图片中。

如何使用 excludeFromExport 属性

在创建三角形对象时，可以通过传递对象的 excludeFromExport 属性来指定该三角形在导出时是否被排除。例如，以下代码创建了一个三角形对象，并将其排除：

var triangle = new fabric.Triangle({
  width: 100,
  height: 100,
  fill: 'red',
  top: 100,
  left: 100,
  excludeFromExport: true
});

这个三角形对象在导出时会被忽略。

注意事项

在使用 excludeFromExport 属性时，需要注意以下几点：

1. 该属性仅适用于对象类型的图形，例如矩形、圆形、三角形等。
2. 该属性值为布尔类型，可选值为 true 或 false。
3. 该属性默认值为 false，即所有图形都会被导出。
4. 该属性不能用于导出单个图形，只能用于导出整个画布。

示例代码

以下是一个示例的 Fabric.js 三角形对象，使用了 excludeFromExport 属性来控制导出：

<canvas id="c" width="400" height="400"></canvas>
<script src="https://cdnjs.cloudflare.com/ajax/libs/fabric.js/4.5.1/fabric.min.js"></script>
<script>
  var canvas = new fabric.Canvas('c');

  var triangle = new fabric.Triangle({
    width: 100,
    height: 100,
    fill: 'red',
    left: 50,
    top: 50,
    excludeFromExport: true
  });

  canvas.add(triangle);

  document.getElementById('export').addEventListener('click', function() {
    var dataUrl = canvas.toDataURL();
    window.open(dataUrl);
  });
</script>

在导出时，将会导出除了三角形以外的所有图形。