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

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

});