fabric.js - 文本下划线和lineHeight

Question

我在fabric.js的文本中添加了下划线，它的工作方式如下图所示。但是下划线离文本有点远，我更改了lineHeight属性，下划线可能更接近文本，但问题是选择控制高度也改变了。见下面的图片。

第一个，我更改了lineHeight = 0.2，并添加了下划线，很好，但选择控件很奇怪。第二个，我使用默认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();
});