Fabric.js Line SkewX 属性

在 Fabric.js 中，Line 对象是定义一个线条的基本元素，可以用于绘制各种简单图形或作为复合图形的一部分。Line SkewX 属性是指将 Line 对象按照 X 轴倾斜一定角度后的效果。

语法

line.set('skewX', angle);

angle: X 轴倾斜的角度，单位为弧度。

示例

下面的示例代码展示了如何在 Canvas 中创建一个 Line 对象，然后将其沿 X 轴倾斜 45 度：

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

var line = new fabric.Line([50, 50, 200, 50], {
  stroke: 'red',
  strokeWidth: 5,
});

line.set('skewX', Math.PI / 4);

canvas.add(line);
canvas.renderAll();

注意事项

• Line SkewX 属性只能用于 Line 对象。
• Line SkewX 属性的值必须为弧度，可以使用 Math.PI 或 Math.PI / 180 讲角度转换为弧度。
• Line SkewX 属性会改变 Line 对象的形状。