文本

CcSimple模板&元素大约 3 分钟

文本元素

温馨提示

虽然这是 文本 元素,但是可通过 textType 配置显示 条形码二维码

// 面板中 添加一个文本
panel.addPrintText({ options: { width: 100, height: 15, top: 20, left: 20, title: "手动添加的text", textAlign: "center" } });
// 面板中 添加一个条形码
panel.addPrintText({ options: { width: 100, height: 40, top: 40, left: 20, title: "123456", textType: "barcode" } });
// 面板中 添加一个二维码
panel.addPrintText({ options: { width: 100, height: 100, top: 80, left: 20, title: "123456", textType: "qrcode" } });

printElementType

温馨提示

printElementType 是设计 provider 时的重要参数。比如说 tidfield 参数

名称类型说明备注
tidstring元素类型唯一标识
titlestring标题或内容
同 options 的 title
拖拽时就显示
无法彻底删除
fieldstring字段名称
同 options 的 field
优先级高于 options
无法彻底删除
datastring测试数据但参数列表不会显示
同 options 的 testData 需要先设置 field
优先级高于 options
无法彻底删除
formatterfunction格式化函数
同 options 的 formatter
优先级高于 options
无法彻底删除
stylerfunction样式函数
同 options 的 styler
优先级高于 options
无法彻底删除
onRenderedfunction渲染完成回调
只能放在 printElementType 中
设计时不会触发

options

温馨提示

参数过多,可能没有罗列完整。更多参数点击元素后,在参数面板中查看。
如果你是开发者,我相信你知道该怎么看

名称类型说明备注
titlestring标题或内容
field 存在:title为标题,打印结果为 title:data , field 不存在:title为内容,打印结果为 title
拖拽进设计器时显示
fieldstring字段名称可配置fields让字段名变成下列选择
testDatastring测试数据 需要先设置 field仅拖拽设计时有效
hideTitleboolean隐藏标题
fontFamilystring字体 默认可继承面板设置的字体默认宋体
fontSizestring字体大小默认9pt
fontWeightstring字体粗细默认9pt
colorstring字体样式
letterSpacingstring字间距
textDecorationstring文本修饰下划线、删除线
textAlignstring对齐方式left、center、right
lineHeightstring字体行高 条形码/二维码有影响
textTypestring文本类型 barcode(条形码) qrcode(二维码)
barcodeModestring条形码类型
qrcodeLevelstring二维码容错率 {'L':1,'M':0,'Q':3,'H':2
fixedstring位置固定让不在页眉页脚范围内的元素拥有每页输出的特性。
与面板指定页页尾线设置功能 相互协作 可以设置指定页 不同的页尾信息展示。
showInPagestring显示规则 仅页眉页尾元素或位置固定固定有效 none 不受影响none:始终隐藏
first:首页显示
odd:奇数页显示
even:偶数页显示
last:尾页显示
axisstring拖拽方向 v:竖向 h:横向按住 Shift 横向 拖动, Shift + Alt 竖向 拖动
transformnumber旋转角度
zIndexnumber元素层级
upperCasestring转大小写hinnn.toUpperCase('7',10.8) // 壹拾元捌角零分
Loading...