小程序,Canvas,文本换行
原创
©著作权归作者所有:来自51CTO博客作者TBHacker的原创作品,请联系作者获取转载授权,否则将追究法律责任
texts: [
{
x: 50,
y: 660,
baseLine: 'middle',
text: '', //标题
width: 500,
lineNum:2,
fontWeight:'bold',
fontSize: 32,
color: '#333333'
}
]
texts字段
字段名 |
类型 |
必填 |
描述 |
---|
x |
Number(单位:rpx) |
是 |
坐标 |
y |
Number(单位:rpx) |
是 |
坐标 |
text |
String|Object |
是 |
当Object类型时,参数为text字段的参数,marginLeft、marginRight这两个字段可用(示例请看下文) |
fontSize |
Number(单位:rpx) |
是 |
文字大小 |
color |
String |
否 |
颜色 |
opacity |
Int |
否 |
1为不透明,0为透明 |
lineHeight |
Number(单位:rpx) |
否 |
行高 |
lineNum |
Int |
否 |
根据宽度换行,最多的行数 |
width |
Number(单位:rpx) |
否 |
没有指定为画布宽度 |
marginLeft |
Number(单位:rpx) |
否 |
当text字段为Object可以使用,用来控制多行文字间距 |
marginRight |
Number(单位:rpx) |
否 |
当text字段为Object可以使用,用来控制多行文字间距 |
textDecoration |
String |
否 |
目前只支持 line-through(贯穿线),默认为none |
baseLine |
String |
否 |
top| middle|bottom基线对齐方式 |
textAlign |
String |
否 |
left|center|right对齐方式 |
zIndex |
Int |
否 |
层级,越大越高 |
fontFamily |
String |
否 |
小程序默认字体为'sans-serif', 请输入小程序支持的字体,例如:'STSong' |
fontWeight |
String |
否 |
'bold'加粗字体,目前小程序不支持 100 - 900 加粗 |
fontStyle |
String |
否 |
'italic'倾斜字体 |
官方地址:
https://gitee.com/acrazydr/wxa-plugin-canvas