2017-02-11 3 views
0

loadSVGFromString関数が必要なため、1.7.3からfabric.js 1.7.3を使用しています。 しかし、私のPathオブジェクトのいくつかは、アプリケーションでまったく同じコードであっても、水平方向にオフセットされています。 非常にシンプルなデモでレプリケートしようとしましたが、失敗します。 fabric.jsの変更により、これが発生する可能性はありますか? 私は、解答を見つけることなくリリースノートを見ました。1.5.0から1.7.3への移行時にfabric.jsパスオブジェクトがオフセットされる

+0

いくつかのコードを表示できますか?どのくらい相殺されていますか? – AndreaBogazzi

答えて

0

実際、問題はstrokeWidthオプションで発生していました。 fabricjs 1.7.3は、数字ではなく文字列のときにパスを描画しないように見えますが、1.5.0ではパスが描画されます。ここで は一例です:

fc = new fabric.Canvas('canvas') 
 
    let path = 'M100,100 L150,100 A20,20,0,0,0,170,80 L170,50 A20,20,0,0,1,190,30 L240,30' 
 
    let line = new fabric.Path(path, { stroke: 'green', strokeWidth: '1', fill: '' }) 
 
    fc.add(line)
<script src="http://cdnjs.cloudflare.com/ajax/libs/fabric.js/1.5.0/fabric.min.js"></script> 
 
<body> 
 
    <canvas width="500" height="500" id="canvas"></canvas> 
 
</body> 
 
</html>

これは、緑のパスを示しています。ファブリック1.7.3に変更すると、緑色の線は表示されなくなります。 line = new fabric.Path(パス、{ストローク: '緑'、strokeWidth:1、塗りつぶし: '}}に変更すると'再表示されます '

+0

これが正しいとすれば、適切な説明を付けてみんなにとって役に立つ何かでこの答えを変えることができます。何が失敗したのかのコードサンプルを投稿できますか? – AndreaBogazzi

関連する問題