javascript - sub - tela js fontweight no funciona

strong html5

Question

Estoy usando este código para agregar un textbox de textbox en un canvas usando fabric js ,

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

Que con éxito agregar textbox en canvas Ahora, si intento hacerlo en bold usando este comando

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

Trabajando, pero cuando intento cambiarlo a normal,

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

no funciona.

No sé dónde está el problema. ¿Estoy haciendo algo mal aquí?

Se está comportando extraño. Puedes verlo here .

Visita primero here Luego visita here

Answer 1

El siguiente código funciona para mí. Veo dos puntos en los que pude fallar a tu lado:

canvas.renderAll();

Necesitaba ser reintegrado adecuadamente. Y también:

canvas.setActiveObject(textSample);

era necesario para mi Porque de otra manera:

canvas.getActiveObject();

Estaba indefinido. Ahora un ejemplo de código de trabajo completo:

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

Espero que ayude.

Answer 2

Solo tomo fabric.js de here y lo reemplacé con el mío, y trabajando todo.