Question

这是我的代码

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

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');

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

3 个答案: