在画布上更改文本阴影样式

时间:2013-08-30 09:26:24

标签: javascript jquery html css fabricjs

我正在使用fabric来更改画布上文本对象的文本阴影,

  textShadow: 'rgba(0,0,0,0.3) 5px 5px 5px'

这适用于上面的代码,但是当我尝试将其设置为另一个按钮上的另一个颜色阴影时,它无效。

$("#txt_strength").change(function () {
    console.log('strength called');

    var obj = canvas.getActiveObject();

    if (!obj) return;

    obj.set('textShadow ', 'green 1px 15px 4px');
    canvas.renderAll();

});

请建议,

2 个答案:

答案 0 :(得分:2)

'textShadow'后面有一个空格。将其更改为obj.set('textShadow', 'green 1px 15px 4px');,它应该有效 http://jsfiddle.net/Kienz/gvn3X/

答案 1 :(得分:0)

您现在可以使用:

obj.set({shadow: 'rgba(0,0,0, 0.3) 2px 2px 2px'});

完整代码:

$("#txt_strength").change(function () {
    console.log('strength called');

    var obj = canvas.getActiveObject();

    if (!obj) return;

    obj.set({shadow: 'rgba(0,0,0, 0.3) 2px 2px 2px'});
    canvas.renderAll();

});