| <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” 在首字母上。