在前端开发中，经常需要将文字转换成图片，以便于制作海报、头像等场景。而 npm 上的 text-to-picture 包提供了便捷的方式，可以将文字转换成 PNG 格式的图片。
安装
使用 npm 安装 text-to-picture 十分简单：
npm install text-to-picture
使用方法
text-to-picture 的使用方法也十分简单：
-- -------------------- ---- ------- ----- ------------- - --------------------------- ----- -- - -------------- --------------------- -------- ------------ ------------- ----- - -- ----- - ------------------- - ------------------------- ----- ------------- - -- ----- - ------------------- - ---- - ------------------------- ----- ------------ - --- ---展开代码
上述代码会将 'Hello, world!' 转换成图片，并写入到 mypic.png 文件中。除了文字内容和输出文件名之外，text-to-picture 还提供了更多的选项供我们定制生成的图片。
选项
我们可以通过传递一个选项对象修改生成图片的各项属性。以下是可用选项及其含义：
width: 图片宽度，默认为 200height: 图片高度，默认为 200backgroundColor: 背景颜色，默认为 '#FFFFFF'textColor: 文字颜色，默认为 '#000000'fontFamily: 字体，默认为 'sans-serif'fontSize: 字体大小，默认为 48padding: 内边距，默认为 40
我们可以将选项对象作为第三个参数传递给 textToPicture 函数：
-- -------------------- ---- ------- --------------------- -------- ------------ - ------ ---- ------- ---- ---------------- ---------- ---------- ---------- ----------- ------------ --------- --- -------- -- -- ------------- ----- - -- --- ---展开代码
上述代码会生成一张背景为 '#7FFFD4'，文字颜色为 '#0000FF'，字体为 'monospace'，字体大小为 64，内边距为 20 的图片。
结语
text-to-picture 提供了一个简单易用的方式将文字转换成图片，同时带有丰富的选项供我们定制生成图片的各项属性。在制作海报、头像等场景中，它可以大大提高我们的开发效率。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60057a3f81e8991b448eb48a
