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

我正在使用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();

});

---

请建议，

您在“textShadow”后面有一个空格。将其更改为

obj.set（'textShadow'，'green 1px 15px 4px'）并且它应该工作。

您现在可以使用：

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

});

有没有办法只改变阴影的颜色？还是尺寸？实际上，我想在不同的ButtonSactual no.上写这两个更改。但我在github上为此打开了新版本：。现在您可以了。已删除fabric.Text.textShadow-改为使用fabric.Text.shadow（type=fabric.shadow）。初始化阴影对象后，可以单独操纵阴影值：text.shadow.color=value；