Important: This documentation covers Yarn 1 (Classic).
For Yarn 2+ docs and migration guide, see yarnpkg.com.

Package detail

css2img

wantobe1ISC1.0.0

模拟css语法将文字生成图片

readme

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