1

我正在尝试使用fabricjs 将字母间距功能添加到我的照片/文本编辑项目中。

试过的代码

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

但不工作。我发现这个话题是在2015-2016年发现的,认为现在已经解决了。但是我找不到如何在fabricjs中使用字母间距的解决方案。
主题1:https ://github.com/kangax/fabric.js/issues/1974#issuecomment-255216649

4

1 回答 1

3

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在字符之间提供额外的空间。

于 2017-09-13T11:10:45.837 回答