fabric.js - text underline и lineHeight

Question

Я добавил подчеркивание к тексту в файле fabric.js и работает как следующее изображение. Но подчеркивание немного далеки от текста, я изменил атрибут lineHeight, подчеркивание может быть более близким текстом, но проблема также в том, что высота управления выбором тоже изменилась. См. Фотографии ниже.

Это первый, я изменил lineHeight = 0.2 и добавил подчеркивание, хорошо, но контроль над выборами стал странным. Во-вторых, я использовал default lineHeight, но подчеркивание немного далека от текста. Итак, как добавить подчеркивание текста близко без проблемы выбора?

Я тестировал, узнал, что эта проблема связана с originX = 'left' и originY = 'top', если originX = 'center' все в порядке.

Answer 1

Попробуйте этот код надеюсь, что он будет работать лучше для вас.

<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(); 
});