2016-11-30 12 views
1

ここでは、fabric.jsでデザインツールを作成しています。ファブリックjsのテキストオブジェクトの選択領域のパディングを減らす必要があります。キャンバスオブジェクトのテキストは強調表示され、選択されていますが、元のサイズと同じ大きさですが、選択したボックスが作業領域上に広がります。キャンバスオブジェクトの選択領域のパディングサイズを減らす方法。 "Canvas.set()"機能で埋め込みを追加しようとしましたが、作業領域の応答/変更ではありません。ファブリックjsのテキストオブジェクトの選択領域のパディングを減らす方法

objss.set({ 
borderColor: 'green', 
cornerColor: 'purple', 
CornerSize: 33, 
transparentCorners: false, 
strokeWidth: 10, 
padding:4 
}); 

enter image description here

任意の助けいただければ幸いです。

答えて

1

2つの単純なテキストオブジェクトで、パディング(とそのため選択されたボックス)が2つの異なるサイズに設定されている小さなjsfiddleを作成しました:http://jsfiddle.net/z4fty1de/ これはあなたが知りたかったものですか?そうでない場合は、jsfiddleで小さなサンプルを作成できますか?

canvas.add(new fabric.Text('hello world1', { left: 100, top: 100, padding: 43 })); 
canvas.add(new fabric.Text('hello world2', { left: 100, top: 250, padding: 0 })); 
+0

あなたのアイデアは私の問題とほとんど関係しています。私の問題は、 "Text"オブジェクトがファブリックjのパディングパラメータを変更できないことです。親切にそれを見直して、私はこれについていくつか考えてみましょう。 –

関連する問題