用于HTML5画布的fabric.js库中的字体粗细

时间:2012-03-07 15:30:23

标签: javascript html5 canvas fabricjs

我一直在玩帆布和令人敬畏的布料库。我不能让文字显示在正常体重以外的任何东西上。即

    var text2 = new fabric.Text('tseting', {
    fontsize: 50,
    fontFamily: 'Arial',
    fontStyle = 'bold',
    left: 100, 
    top: 100,
    fill:"#FF0000"
});

canvas2.add(text2);

不会应用“粗体”标记。当我创建font.js文件suing cufon 时,我包含了粗体和斜体字体。任何想法都感激不尽。

2 个答案:

答案 0 :(得分:1)

fontStyle指的是斜体/正常。

试试fontWeight: boldfontWeight: 700

答案 1 :(得分:1)

您使用了错误的属性和拼写错误(fontStyle = 'bold',)。 请改用:

var text2 = new fabric.Text('testing', {
    fontsize: 50,
    fontFamily: 'Arial',
    fontWeight: 'bold',
    left: 100, 
    top: 100,
    fill: "#FF0000"
});

canvas2.add(text2);