Javascript 将文本对象设置为在画布上居中?

Javascript 将文本对象设置为在画布上居中?,javascript,canvas,fabricjs,Javascript,Canvas,Fabricjs,我有几个文本对象,我希望它们以编程方式集中在我的fabric.js画布上(而不必关注并编程每个对象)。fabric.js的1.7.20。我应该向常量中添加什么,以便每个对象垂直居中 var canvas=newfabric.canvas(“c”); 画布设置高度(616); 画布设置宽度(446); 常量文本={ 尺寸:27, }; //应该居中的文本 canvas.add(newfabric.IText(“第1行”){ 文本 前25名, })); canvas.add(newfabric.I

我有几个文本对象,我希望它们以编程方式集中在我的fabric.js画布上(而不必关注并编程每个对象)。fabric.js的1.7.20。我应该向常量中添加什么,以便每个对象垂直居中

var canvas=newfabric.canvas(“c”);
画布设置高度(616);
画布设置宽度(446);
常量文本={
尺寸:27,
};
//应该居中的文本
canvas.add(newfabric.IText(“第1行”){
文本
前25名,
}));
canvas.add(newfabric.IText(“第2行”){
文本
排名:55,
}));
canvas.add(newfabric.IText(“第3行”){
文本
排名:85,
}));
canvas.add(newfabric.IText(“第4行”){
文本
排名:115,
}));
canvas.add(newfabric.IText(“第5行”){
文本
排名:145,
}));
canvas.add(newfabric.IText(“第6行”){
文本
排名:175,
}));
canvas.add(newfabric.IText(“第7行”){
文本
排名:205,
}));
canvas.add(newfabric.IText(“第8行”){
文本
排名:235,
}));
canvas.add(newfabric.IText(“第9行”){
文本
排名:265,
}));
canvas.add(newfabric.IText(“第10行”){
文本
排名:295,
}));
.container{
边缘顶部:10px;
}
帆布{
边框:1px实心#dddddd;
边缘顶部:10px;
边界半径:3px;
}

我可以在常量中添加以下内容。他似乎成功了。如果有人对如何改进这一点有想法,我很想知道

left: 223,
originX: center,
originY: center

使用
canvas.centerObjectH(obj)
将对象水平居中。这是医生

演示
var canvas=newfabric.canvas(“c”);
画布设置高度(616);
画布设置宽度(446);
常量文本={
尺码:27
};
//应该居中的文本
canvas.add(newfabric.IText(“第1行”){
文本
角度:25,
前25名,
}));
canvas.add(newfabric.IText(“第2行”){
文本
排名:55,
}));
canvas.add(newfabric.IText(“第3行”){
文本
排名:85,
}));
canvas.add(newfabric.IText(“第4行”){
文本
排名:115,
}));
canvas.add(newfabric.IText(“第5行”){
文本
排名:145,
}));
canvas.add(newfabric.IText(“第6行”){
文本
排名:175,
}));
canvas.add(newfabric.IText(“第7行”){
文本
排名:205,
}));
canvas.add(newfabric.IText(“第8行”){
文本
排名:235,
}));
canvas.add(newfabric.IText(“第9行”){
文本
排名:265,
}));
canvas.add(newfabric.IText(“第10行”){
文本
排名:295,
}));
canvas.forEachObject(函数(obj){
canvas.centerObjectH(obj)
obj.setCoords();
canvas.renderAll();
})
.container{
边缘顶部:10px;
}
帆布{
边框:1px实心#dddddd;
边缘顶部:10px;
边界半径:3px;
}