1.0.0 • Published 3 years ago
css2img v1.0.0
css2img
模拟css语法将文字生成图片
将文字生成图片,返回该图片的base64 DataUrl
- 参数说明 文字内容/样式等属性,参考css的写法,单词要用驼峰格式,目前支持如下:
{
text:{string}, 单行文字
p:{string}, 段落文字(用换行\n)
fontSize:{number}, 字号(px,不带单位)
lineHeight:{number}, 行高,默认1
width:{number}, 宽(px,不带单位)
height:{number}, 高(px,不带单位)
color:{string}, 文字颜色css格式,默认白色
background:{string}, 背景色,默认透明
textAlign:{string}, 水平对齐方式,默认居中
fontWeight:{string} 文字粗细,默认normal
padding:{string} 内边距, 默认"0"
border:{string} 边框属性, 格式为"1 solid/dashed/dotted red",顺序可以颠倒,默认"none"
borderLeft:{string} 同border
borderRight:{string} 同border
borderUp:{string} 同border
borderBottom:{string} 同border
borderRadius:{number} 矩形框圆角半径 , 默认0
}
- 用法举例
css2img({
p: 'hello\nword',
fontSize: 30,
textAlign: 'left',
lineHeight:0.8,
width: 150,
height: 50,
color: 'red',
border: '2 dashed red',
borderRadius:4,
background:'orange'
})
1.0.0
3 years ago