Fabric JS - 在两点之间绘制一条线的百分比

时间:2016-07-19 22:21:16

标签: javascript geometry fabricjs

所以我可以在Fabric JS中画一条线;

var line = new fabric.Line([x1, y1, x2, y2], {
    stroke: 'red',
    strokeWidth: 0.9
});
canvas.add(line);

但是我只想绘制一半的线或20%的线,所以它需要从x1,y1开始,但只能在x2,y2

文档似乎没有提供此功能,有没有办法在Fabric中执行此操作?或者任何人都可以帮助解决另一个问题?

1 个答案:

答案 0 :(得分:1)

Ye Olde Maths方法:

var line = new fabric.Line([x1, y1, x1 + ((x2 - x1) / 5), y1 + ((y2 - y1) / 5)]

应该让你在直线上约20%。