1.0.0 • Published 3 years ago

css2img v1.0.0

Weekly downloads
4
License
ISC
Repository
github
Last release
3 years ago

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'
})