Рисование путь с FabricJS

Question

Первый:

var canvas = new fabric.StaticCanvas('c'); 
var path = new fabric.Path('M 0 0 L 50 0 M 0 0 L 4 -3 M 0 0 L 4 3 z', { 
    left: 100, 
    top: 100, 
    stroke: 'red', 
    strokeWidth: 1, 
    fill: false 
}); 
canvas.add(path); 

результат:

---

Так как я могу повернуть эту стрелку на 45 градусов, центр которой находится головка стрелки, как это:

Я попытался установить 'originX' и 'originY', но проблема в том, что я не могу установить начало координат в голову стрелки, установив эти два параметра. Как показано ниже:

var canvas = new fabric.StaticCanvas('c'); 
var path = new fabric.Path('M 0 0 L 50 0 M 0 0 L 4 -3 M 0 0 L 4 3 z', { 
    left: 100, 
    top: 100, 
    stroke: 'red', 
    strokeWidth: 1, 
    fill: false, 
    **originX: 'left',** 
    **originY: 'top'** 
}); 
canvas.add(path); 

var canvas = new fabric.StaticCanvas('c'); 
var path = new fabric.Path('M 0 0 L 50 0 M 0 0 L 4 -3 M 0 0 L 4 3 z', { 
    left: 100, 
    top: 100, 
    stroke: 'red', 
    strokeWidth: 1, 
    fill: false, 
    originX: 'left', 
    originY: 'top', 
    **angle: 45** 
}); 
canvas.add(path); 

Answer 1

Это следует сделать это:

var canvas = new fabric.StaticCanvas('c'); 
var path = new fabric.Path('M 0 0 L 50 0 M 0 0 L 4 -3 M 0 0 L 4 3 z', { 
    stroke: 'red', 
    strokeWidth: 1, 
    fill: false, 
    originX: 'left', 
    originY: 'top' 
}); 
path.setAngle(45).set({ left: 100, top: 100 }); 
canvas.add(path);