Javascript 使用fabric.js更改画布上的文本背景
我正在使用fabric.js对象更改画布上的文本背景色 以下是我的代码,它正在工作,但不是以正确的方式,我完全想要的。 下面是我运行此代码时的输出。 我必须将背景应用于下面这样的文本Javascript 使用fabric.js更改画布上的文本背景,javascript,jquery,canvas,fabricjs,Javascript,Jquery,Canvas,Fabricjs,我正在使用fabric.js对象更改画布上的文本背景色 以下是我的代码,它正在工作,但不是以正确的方式,我完全想要的。 下面是我运行此代码时的输出。 我必须将背景应用于下面这样的文本 将行高设置为与字体大小相同?请简要说明……如果问题是绿色背景区域比文本高,这可能就是问题所在(使文本周围区域与文本高度相同,以便背景不会太高或太低,从而解释得不好)。如果问题是您希望文本有一个角度,我认为最好使用CSS3转换。@SanjayNakate您到底想要什么?事实证明,lineHeight有效,但文本背景
将行高设置为与字体大小相同?请简要说明……如果问题是绿色背景区域比文本高,这可能就是问题所在(使文本周围区域与文本高度相同,以便背景不会太高或太低,从而解释得不好)。如果问题是您希望文本有一个角度,我认为最好使用CSS3转换。@SanjayNakate您到底想要什么?事实证明,
lineHeight
有效,但文本背景被拉伸到了全高。我从来没有注意到这一点,因为这正是我所需要的。我在所有主要版本中都尝试过这个方法,但我无法在该图像中重现结果。也许这取决于使用的字体。
$("#textbackground").click(function() {
// alert("textbackground");
var obj = canvas.getActiveObject();
if (!obj) return;
obj.setTextBackgroundColor('rgb(0,200,0)');
canvas.renderAll();
});