【问题标题】:does fabricjs support letterspacing now?(fabricjs 2.0.0-beta5)fabricjs 现在支持字母间距吗?(fabricjs 2.0.0-beta5)
【发布时间】:2017-09-13 19:10:45
【问题描述】:

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

试用过的代码

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

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

【问题讨论】:

    标签: fabricjs letter-spacing


    【解决方案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 在字符之间留出额外的空格。

    【讨论】:

      猜你喜欢
      • 2012-05-01
      • 1970-01-01
      • 1970-01-01
      • 2018-02-26
      • 2015-10-29
      • 2016-12-31
      • 2019-08-30
      • 2020-09-21
      • 1970-01-01
      相关资源
      最近更新 更多