2016-07-19 32 views
0

したがって、私はファブリックJSで線を引くことができます。ファブリックJS - 2点間の線の割合を描画します

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

それはx1,y1から行くことだけx2,y2

ドキュメントドンに向けて道の20%を引き出すことが必要であるので、私は、おそらくラインの半分または行の20%を描きたいがこの機能を提供しているようですが、すでにFabricでこれを行う方法はありますか?他の誰かが別の解決策を手伝っていますか?

+0

x2を元のx2 - x1の20%にして、yと同じ値を渡してください。 編集:Juanは実際のコードスニペットを持っていますが、彼は同じことをしています。元のx2-x1 – steezeburger

+0

ええ、私は今それを参照してください。あなたがどのように知っているとき簡単に! –

+0

私は失礼から来ていないことを願っています。ただそれがそれほど簡単であることを知りたがっていました! – steezeburger

答えて

1

イェオールド数学的アプローチ:

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

が一直線上にあり、あなたに約20%を取得する必要があります。

+0

それは.....素晴らしい作品です... –

+0

それは動作します!どうもありがとうございます! –

関連する問題