Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/447.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用fabric.js更改画布上的文本背景_Javascript_Jquery_Canvas_Fabricjs - Fatal编程技术网

Javascript 使用fabric.js更改画布上的文本背景

Javascript 使用fabric.js更改画布上的文本背景,javascript,jquery,canvas,fabricjs,Javascript,Jquery,Canvas,Fabricjs,我正在使用fabric.js对象更改画布上的文本背景色 以下是我的代码,它正在工作,但不是以正确的方式,我完全想要的。 下面是我运行此代码时的输出。 我必须将背景应用于下面这样的文本 将行高设置为与字体大小相同?请简要说明……如果问题是绿色背景区域比文本高,这可能就是问题所在(使文本周围区域与文本高度相同,以便背景不会太高或太低,从而解释得不好)。如果问题是您希望文本有一个角度,我认为最好使用CSS3转换。@SanjayNakate您到底想要什么?事实证明,lineHeight有效,但文本背景

我正在使用fabric.js对象更改画布上的文本背景色 以下是我的代码,它正在工作,但不是以正确的方式,我完全想要的。 下面是我运行此代码时的输出。

我必须将背景应用于下面这样的文本


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