Fabric.js 文本上标和下标的使用技巧

[K21vin]

本文简介

在 Fabric.js 中想设置文本的上标和下标，需要一点小技巧。

本文会直接给出代码。详细的说明可以阅读 《 Fabric.js 上标和下标的使用偏方》

如果你想循序渐进学习 Fabric.js ，可以阅读 《 Fabric.js 中文教程》

上标

const iText = new fabric.IText('32=9', {
  styles: {
    0: { // 第 1 行
      1: { // 第 2 个字符
        deltaY: -14, // 向下偏移
        fontSize: 24, // 设置字体大小
      }
    }
})

下标

const iText = new fabric.IText('H2O', {
  styles: {
    0: {
      1: {
        deltaY: 0,
        fontSize: 24
      }
    }
  }
})

[yaphets666]

不错，fabric 这个东西很牛逼，但是中文的内容比较少

[K21vin]

@yaphets666 是的，所以我狂写了一个专栏 https://juejin.cn/column/7050370347324932132