Fabricjs：如何按比例拉伸物体？

Question

In this jsfiddle我有两支箭;它们都共享相同的路径，但橙色箭头宽度为100，红色箭头宽度为160。

我正在寻找的是在保持箭头大小的同时拉伸箭头线。如果我将橙色箭头线从100延伸到160，那么我会得到红色箭头，我不想要这个，因为箭头按比例调整大小。我认为这样做的方法是将两个对象组合在一起，但我无法弄清楚这一点。有任何想法吗？

使用Javascript：

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


var path = 'm616.422974,216.578644l-150.774078,77.707306l0,-38.516083l-382.556427,0l0,-77.032181l382.556427,0l0,-38.516022l150.774078,76.356979z';

var arrow = new fabric.Path( path, {
    fill: 'orange',
    stroke: 'orange',
    strokeWidth: 1,
    left: 10,
    top: 10
});
arrow.scaleToWidth(100);

var arrow2 = new fabric.Path( path, {
    fill: 'red',
    stroke: 'red',
    strokeWidth: 1,
    left: 10,
    top: 60
});
arrow2.scaleToWidth(160);

canvas.add(arrow, arrow2);