2017-09-13 96 views
0

我想使用fabricjs为我的照片/文本编辑项目添加letterspacing功能。现在fabricjs是否支持letterspacing?(fabricjs 2.0.0-beta5)

试过代码

var newText= new fabric.IText('New Text', { 
    fontWeight:200, 
    fontSize:30, 
    letterSpacing:30,//this line 
    fill:"rgb(0,0,0)" 
}); 

但不工作。 我发现这个话题在2015-2016被发现,并认为现在已经解决了。 但我找不到解决方案如何在fabricjs中使用letterspacing。
TOPIC1:https://github.com/kangax/fabric.js/issues/1974#issuecomment-255216649

回答

1

var canvas = new fabric.Canvas('c'); 
 

 
var newText= new fabric.IText('New Text', { 
 
    fontWeight:200, 
 
    fontSize:30, 
 
    charSpacing:1000, 
 
    fill:"rgb(0,0,0)" 
 
}); 
 
canvas.add(newText);
<script src="https://rawgit.com/kangax/fabric.js/master/dist/fabric.js"></script> 
 
<canvas id="c" width="1000" height="1000"></canvas>

使用charSpacing给字符之间的额外空间。