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.