How can I add a "line drawing (Straight)" from code only

[celalnuriakgun]

Summary
How can I add a "line drawing (Straight)" from code only, without providing any action from the editor? How can I adjust its position relative to the coordinates? How can I do it in skew?

Thanks.

Version
3.15.2

[celalnuriakgun]

Oh, so sorry. I mean "rotate" instead "skew".

[celalnuriakgun]

Or how to access Fabric class? Etc. fabric.Line?

Example:
var canvas = new fabric.Canvas('c');
var line = new fabric.Line([canvas.width / 2, 0, canvas.width / 2, canvas.height], {
strokeWidth:2,
stroke: 'red',
});

canvas.add(line);

[lja1018]

@celalnuriakgun
You cannot add directly by code. You have to turn on drawing mode and set brushes.

[celalnuriakgun]

I solved;

editor.addShape('rect', {
        fill        : 'red',
        stroke      : 'red',
        top         : line.top,
        left        : line.left,
        height      : 5,
        width       : 200,
        angle       : 90,
})

[gongluzhen]

    // 画线路径
    const l = []
    // 画横线
    if (type === 'h') {
      l.push(rect.aCoords.tl.x - 1, e.y, rect.aCoords.tr.x + 1, e.y)
    }
    // 画竖线
    if (type === 'v') {
      l.push(e.x, rect.aCoords.tl.y - 1, e.x, rect.aCoords.br.y + 1)
    }
    var line = new fabric.Line(l, {
      strokeWidth: 3,
      stroke: 'red',
    })
    imageEditor._graphics._canvas.add(line)

但是 ctrl z 撤回不行

[stale]

This issue has been automatically marked as inactive because there hasn’t been much going on it lately. It is going to be closed after 7 days. Thanks!