天下无坑

天下无坑


textarea

定义示例

// 文件 '@/lib/fabric/src/zGroup/textarea/textarea-default.js
import { fabric } from '@/lib/fabric'

const defaultOpts = {
  scheme: 'default',
  name: 'textarea',
  autoPosition: true,
  top: 0,
  left: 0,
  width: 500,
  height: 200
}

const textarea = function (datas, options) {
  const { text } = datas
  if (!text || typeof text!=='string' || text.length == 0) return
  const opt =  { ...defaultOpts ,...options }
  const { scheme, name, autoPosition, left, top, width, height } = opt

  // some code...
}

export default textarea

使用示例

import { fabric } from '@/lib/fabric'

const textareaObj = fabric.zGroup.textarea(datas, options)

数据参数 datas

//options 默认值
{
    text: '文字内容'
}
属性 名称 默认
text 文字内容 “” String

选项参数 options

//options 默认值
{
  scheme: 'default',
  autoPosition: true,
  top: 0,
  left: 0,
  width: 500,
  height: 200,

  fontSize: 20,
  overflow: 'hidden', // scale / hidden / visible
  textIndent: 2, // 首行缩进
  letterSpacing: 2, //px
  lineHeight: 1.16, //ratio
  padding: 30 //内边距
}
属性 名称 默认
scheme 样式方案名 default
autoPosition 自动定位 true Boolean
top 顶距 0
left 左距 0
width 500
height 200
overflow 溢出 hidden scale / hidden / visible
textIndent 首行缩进 2
letterSpacing 字距 2
lineHeight 行距 1.16
padding 内边距 30
fontFamily 字体 "Times New Roman"
fontSize 字号 40
fontStyle 字样式 normal
fontWeight 粗体 normal
textAlign 对齐方式 left
textBackgroundColor 背景颜色
fill 填充颜色
stroke 描边颜色
strokeWidth 描边宽度 -

页面列表

ITEM_HTML