Javascript 织物重量不起作用

我正在使用此代码在

canvas

中使用

fabric js

添加

textbox

var text = 'Type Text Here';
var textSample = new fabric.Textbox(text, {
    left: getCardLeft() + 100,
    top: getCardTop() + 10,
    width: 200,
    height: 20,
    fontFamily: 'Helvetica',
    fill: getColorPickerForegroundColor(),
    fontWeight: '',
    fontSize: parseInt('25'),
    originX: 'center',
    hasRotatingPoint: true,
    centerTransform: true,
});
canvas.add(textSample);

它成功地将

文本框

添加到

画布

。 现在，如果我尝试使用此命令将其设置为粗体

canvas.getActiveObject().set("fontWeight", "bold");
canvas.renderAll();

正在工作，但当尝试将其更改为正常时

canvas.getActiveObject().set("fontWeight", "");
canvas.getActiveObject().set("fontWeight", "100");
canvas.getActiveObject().set("fontWeight", "normal");
canvas.renderAll();

不工作

我不知道问题在哪里。我在这里做错什么了吗

它的行为很奇怪 你可以看到

先参观

---

然后访问

以下代码适用于我。我认为在你这一边我有两点可能失败：

canvas.renderAll();

需要重新招标。而且：

canvas.setActiveObject(textSample);

这对我来说是必要的。因为除此之外：

canvas.getActiveObject();

没有定义。 现在是完整的工作代码示例：

var canvas = new fabric.Canvas('c', { selection: false });
var text = 'Type Text Here';

var textSample = new fabric.Textbox(text, {
  left: 300,
  top: 50,
  width: 200,
  height: 20,
  fontFamily: 'Helvetica',
  fill: "#fac",
  fontWeight: '100',
  fontSize: parseInt('25'),
  originX: 'center',
  hasRotatingPoint: true,
  centerTransform: true,
});

canvas.add(textSample);
canvas.setActiveObject(textSample);
canvas.getActiveObject().set("fontWeight", "bold");
canvas.renderAll();
canvas.getActiveObject().set("fontWeight", "100");
canvas.renderAll();

---

希望这能有所帮助。

我只是从我的

fabric.js取而代之，然后全部工作。
我已经在我的代码中进行了渲染。但它的行为很奇怪。看，我刚刚编辑了一点我的问题，请再参考一下。可能你有什么错误，我找不到。谢谢在替换了我当前的fabric.min.js之后，它仍然不适合我。