Fabric.js Polyline flipX 属性

在Fabric.js中，Polyline是一个多段线，它由多个点组成。flipX属性用于水平翻转多段线。

语法

polyline.flipX = true/false;

示例

// 创建多段线
let points = [10, 10, 50, 50, 100, 10];
let polyline = new fabric.Polyline(points, {
  stroke: 'blue',
  strokeWidth: 2
});

// 水平翻转多段线
polyline.flipX = true;

// 将多段线添加到canvas中
canvas.add(polyline);

效果

多段线被水平翻转。

注意事项

• 翻转多段线会同时翻转多段线上的所有点。
• 翻转多次会使多段线回归原始状态。
• flipX属性只能用于Polyline对象，不能用于其他对象。
• flipX属性仅影响多段线的渲染，不影响它的位置、尺寸、旋转等其它属性。