2017-01-26 6 views
0

私はfabris.jsファクトリを使ってオブジェクトキャンバスを扱います。別のマウスや別のフィールドの高さを変更すると、それは機能します。最初にマウスを変更した場合は、フィールド - を使用して誤った読み込み値を使用します。Canvas fabric.js:高さを正しく設定する方法は?

修正する手助けをしてください。

Full code

A bug in the video.

ライン83、84の設定値:

canvas.getActiveObject().setHeight(parseInt(heightElInput.value)); 
canvas.getActiveObject().height = parseInt(heightElInput.value); 
+0

バグがあるオブジェクトのscaleYを変更してください。このコードを84行目の後ろに挿入すると、うまくいきます:canvas.getActiveObject()。scaleY = 1;また、あなたはsetHeight関数を使うことができます。両方を使う必要はありません – Observer

+0

私は決してこの値を求めません(scaleY)。追加した場合のみ(scaleY:1)。どうすればいいの? – VINET

+0

問題を修正しましたか?あなたはこの変更を求めました。サイズ変更のためにFabricJsコントロールを使用するたびに、オブジェクトを拡大/縮小します。サイズ変更のための独自のロジックを構築する必要があります。私は、スケールファクタを高さや幅で乗算して、この値を新しい高さや幅として使用し、スケールファクタを1にリセットすることができます。 – Observer

答えて

0

どこかにあなたがバグを持っている理由だオブジェクトに対してscaleYのを変更します。このコードを84行目以降に挿入すると、それはうまくいくはずです:canvas.getActiveObject()。scaleY = 1 - 水平方向の場合は垂直方向のサイズを変更するとき - canvas.getActiveObject()。scaleX = 1;また、setHeightを機能させることができます。両方を使用する必要はありません - Observer

関連する問題