javascript - How to set text background color using fabricjs

Question

this is my code

$("#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();
    });

i have to do set the background color to text only, following like this link , but i am getting background color to text in square, not for text only enter link description here

so how do i set the

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

Answer 1

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

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

Answer 2

var obj = canvas.getActiveObject();

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

Answer 3

尝试使用类似.css()的属性background-color

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

或者你可以直接给颜色

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