Fabric.js 可编辑文本 IText

『Fabric.js 可编辑的文本 - 文档』

🎁 本节案例预览 - 可编辑的文本

🎁 本节代码仓库

Fabric.js 可编辑文本 IText

<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 一样。

ITextText 多了个大写 “I” 在首字母上。

本作品采用《CC 协议》,转载必须注明作者和本文链接
juejin.cn/user/2673620576140030/posts
讨论数量: 0
(= ̄ω ̄=)··· 暂无内容!

讨论应以学习和精进为目的。请勿发布不友善或者负能量的内容,与人为善,比聪明更重要!