如何使用fabricjs设置文本背景颜色答案

【问题标题】：How to set text background color using fabricjs如何使用fabricjs设置文本背景颜色
【发布时间】：2017-05-16 04:39:53
【问题描述】：

这是我的代码

$("#textbackground").click(function() {

        var obj = canvas.getActiveObject();
    ![enter image description here][1]
    //alert("weight");
    if (!obj) return;

    obj.setTextBackgroundColor('rgb(0,200,0)');

    canvas.renderAll();
    });

我必须将背景颜色设置为仅文本，如下所示链接，但我将背景颜色设置为方形文本，而不是仅用于文本 enter link description here

那么我该如何设置

obj.setTextBackgroundColor('rgb(0,200,0)');

【问题讨论】：

How to set background color in jquery的可能重复
您应该包含这样一个事实，即这是在 fabric.js 中，并且您正在尝试设置画布中文本的颜色，而不仅仅是常规文本，因为所有答案都是错误的。跨度>
@adeneo，不是所有的答案:)

标签： javascript jquery fabricjs

【解决方案1】：

使用fabric.Object set(key, value)函数。

obj.set('backgroundColor', 'rgb(0,200,0)');

【讨论】：

【解决方案2】：

var obj = canvas.getActiveObject();

if (obj.isType('text')) {
    obj.textBackgroundColor = "#ccc"; // or obj.backgroundColor = "#ccc";
    canvas.renderAll();
}

【讨论】：

【解决方案3】：

尝试使用.css() 的属性background-color 喜欢

obj.css('background-color', 'rgb(0,200,0)');

或者你可以直接给颜色喜欢

obj.css('background-color', 'red');

【讨论】：

这是为 jQuery 而不是 FabricJS