<template>
<canvas width="400" height="400" id="canvas" style="border: 1px solid #ccc;"></canvas>
</template>
<script setup>
import { onMounted } from 'vue'
import { fabric } from 'fabric'
function init() {
const canvas = new fabric.Canvas('canvas')
const itext = new fabric.IText('雷猴啊')
canvas.add(itext)
}
onMounted(() => {
init()
})
</script>
使用 new fabric.IText 可以创建可编辑文本，用法和 new fabric.Text 一样。
IText 比 Text 多了个大写 “I” 在首字母上。