Javascript iText样式数组上的FabricJS线宽
我正用FabricJs把头撞在墙上。我正在寻找一个解决方案,能够将行高度应用于iText上的样式数组;它似乎完全忽视了这一点 因此,如果我有两行文字,并希望第一行的高度为5: “测试行1\n” “测试行2\n” 我尝试使用以下字符数组,将字体大小应用于每个字符,但完全忽略行高:Javascript iText样式数组上的FabricJS线宽,javascript,fabricjs,Javascript,Fabricjs,我正用FabricJs把头撞在墙上。我正在寻找一个解决方案,能够将行高度应用于iText上的样式数组;它似乎完全忽视了这一点 因此,如果我有两行文字,并希望第一行的高度为5: “测试行1\n” “测试行2\n” 我尝试使用以下字符数组,将字体大小应用于每个字符,但完全忽略行高: 0:{ 0:{ lineHeight:5, fontSize:10 }, 1:{ lineHeight:5, fontSize:10
0:{
0:{
lineHeight:5,
fontSize:10
},
1:{
lineHeight:5,
fontSize:10
},
2:{
lineHeight:5,
fontSize:10
},
3:{
lineHeight:5,
fontSize:10
},
4:{
lineHeight:5,
fontSize:10
},
5:{
lineHeight:5,
fontSize:10
},
6:{
lineHeight:5,
fontSize:10
},
7:{
lineHeight:5,
fontSize:10
},
8:{
lineHeight:5,
fontSize:10
},
9:{
lineHeight:5,
fontSize:10
},
10:{
lineHeight:5,
fontSize:10
},
11:{
lineHeight:5,
fontSize:10
}
}
设置为对象,其中第一级为行号,然后设置为字符
演示
var text=“测试行1\n测试行2\n”;
var canvas=new fabric.canvas('canvas'{
选择:false
});
var textObj=new fabric.Text(文本{
线高:5,
风格:{
1: {
0: {
字体大小:10
},
1: {
字体大小:10
},
2: {
字体大小:10
},
3: {
字体大小:10
},
4: {
字体大小:10
},
5: {
字体大小:10
},
6: {
字体大小:10
},
7: {
字体大小:10
},
8: {
字体大小:10
},
9: {
字体大小:10
},
10: {
字体大小:10
},
11: {
字体大小:10
}
}
}
});
canvas.add(textObj)代码>
画布{
边框:2倍实心#000;
}
@GlenElkins查看演示文稿它是什么版本的面料?我想我目前正在使用1.7.5,不知道他们是否在以后的版本中修复了这个问题。唯一的问题是fabric 2改变了一些东西,现在图像剪辑无法使用sameYeh,我使用的是扩展的itext,在1.7.5版本的样式中,它无法使用线宽-它只是忽略了它,但应用了所有其他样式。事实上,这可能是扩展类的问题所在。谢谢你的帮助。所以,我测试了你的示例代码,正如我所想,它不起作用。我将线宽改为50,看起来就像是5。在Safari和chromeIt中,如果在字符上循环,选项中完全缺少getCurrentCharStyle lineHeight,则似乎是织物有缺陷