javascript - fabric.js - 文本下划线和 lineHeight

Question

我在 fabric.js 中为文本添加了下划线，效果如下图所示。但是下划线离文本有点远，我改变了lineHeight属性，下划线可以更接近文本，但问题是选择控件的高度也改变了。请参见下面的图片。

第一个，我更改了lineHeight = 0.2，并添加了下划线，不错，但是选择控件有点奇怪。第二，我使用了默认的 lineHeight，但是下划线离文本有点远。那么如何在没有选择问题的情况下紧密地为文本添加下划线呢？

我测试了一下，发现这个问题是因为originX = 'left', and originY = 'top', if 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();
});