2

fabric.js のテキストに下線を追加すると、次の画像のように機能します。しかし、下線はテキストから少し離れています。lineHeight属性を変更しました。下線はテキストに近づけることができましたが、問題は選択コントロールの高さも変更されたことです。下の写真をご覧ください。

この最初のもの、私は変更lineHeight = 0.2し、下線を追加しました。いいのですが、選択コントロールが奇妙になりました。2 つ目は、 default を使用lineHeightしましたが、下線がテキストから少し離れています。では、選択の問題を起こさずにテキストに下線を付けるにはどうすればよいでしょうか?

私がテストしたところ、この問題はoriginX = 'left'、およびoriginY = 'top'が原因であることがわかりましたoriginX = 'center'

ここに画像の説明を入力

ここに画像の説明を入力

4

1 に答える 1

0

このコードを試してみてください。うまくいくことを願っています。

<input type="button" id="undrline" value="Underline" class="underline"  >

$("#undrline").click(function() {
alert("underline");
var obj = canvas.getActiveObject();
if (!obj) return;
obj.setTextDecoration('underline');
canvas.renderAll();
});
于 2013-09-18T11:51:46.667 に答える