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

Question

我正在使用织物来更改画布上文本对象的文本阴影，

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

});

请建议，

Answer 1

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

Answer 2

您现在可以使用：

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

});