如何使用fabric js在画布中绘制线箭头？

Question

我想在我的画布咏叹调中画一个线箭头单击一个按钮 <button style="margin-left: 0" class="btn btn-info btn-sm" id="line-shape-arrows"> <i class="fa fa-long-arrow-right"></i> ?? </button>

Answer 1

我是用简单的技术完成的。我画一条线而不是画一个三角形，然后有一组线和三角形对象

$("#line-shape-arrows").on("click", function(event){
        event.preventDefault();
        var triangle = new fabric.Triangle({
            width: 10, 
            height: 15, 
            fill: 'red', 
            left: 235, 
            top: 65,
            angle: 90
        });

        var line = new fabric.Line([50, 100, 200, 100], {
            left: 75,
            top: 70,
            stroke: 'red'
        });

        var objs = [line, triangle];

        var alltogetherObj = new fabric.Group(objs);
        canvas.add(alltogetherObj);

    });