Html5 canvas 更新的自由条码128谷歌字体不';不要把它装入画布

Html5 canvas 更新的自由条码128谷歌字体不';不要把它装入画布,html5-canvas,fabricjs,Html5 Canvas,Fabricjs,我必须将Libre条码128字体系列加载到织物画布中。但条形码不能在画布上查看。如何在fabric js canvas中设置Libre条码128字体系列 var文本; var帆布; document.addEventListener(“DOMContentLoaded”,function()){ canvas=newfabric.canvas('c'); setTimeout(函数(){ text=新结构。text(“text”{ 尺寸:70, 左:100,, 排名:0, 填充:“#sew34

我必须将Libre条码128字体系列加载到织物画布中。但条形码不能在画布上查看。如何在fabric js canvas中设置Libre条码128字体系列

var文本;
var帆布;
document.addEventListener(“DOMContentLoaded”,function()){
canvas=newfabric.canvas('c');
setTimeout(函数(){
text=新结构。text(“text”{
尺寸:70,
左:100,,
排名:0,
填充:“#sew3435”
});
canvas.add(text).setActiveObject(text);
canvas.getActiveObject().set(“fontFamily”,“Libre条码128”);
canvas.renderAll();
}, 1000)
});

.ss{
字体系列:“自由条码39文本”;
字体大小:48px;
}
让网络变得美丽!

实际字体是9种字体中的3种,而不是128种(尽管它们的处理方式相同),并且名称应该是(如CSS中的定义):

在画布拾取DOM元素之前,您可能必须“预使用”该字体

更新:由于FabricJS使用的是传入字符串,因此由于字体系列名称中有空格,因此必须在此处添加内部引号(此处包含以确保完整性)

var文本;
var帆布;
document.addEventListener(“DOMContentLoaded”,function()){
canvas=newfabric.canvas('c');
setTimeout(函数(){
text=新结构。text(“text”{
尺寸:70,
左:100,,
排名:0,
填充:“#f00”
});
canvas.add(text).setActiveObject(text);
canvas.getActiveObject().set(“fontFamily”,“自由条码39文本”);
canvas.renderAll();
}, 500)
});


能否请您共享您已有的任何代码,以便我们看到您的困境。请参阅我的更新代码@jenss请参阅此提琴,我在Fabric js中使用了Libre Barcode 39文本字体系列,但它不起作用@K3N@NandhiKumar啊,是的,似乎FabricJS没有在内部为带有空格的名称应用引号。为了完整性增加了这一点。
.set("fontFamily", "'Libre Barcode 39 Text'");