介绍
在前端开发中，我们经常需要使用到一些公共的 JavaScript 模块。npm（Node Package Manager）就是一个管理这些模块的工具。而 miao 就是这些模块中的一种，它是一个用于生成猫咪图片的 npm 包。
miao 采用了 SVG 技术，可以生成不同姿态、不同毛色、不同造型的猫咪图片。使用该工具可以为你的项目添加一些有趣的元素，也可以用作一些游戏的素材。
安装
使用 npm 安装 miao：
npm install --save miao
使用
创建图片
使用 miao，你可以创建不同种类的猫咪图片。例如，创建一个普通橙色猫咪的图片：
-- -------------------- ---- ------- ----- ---- - ---------------- ----- --- - ------ ------ -------- ------ --------- --- ----------------- -- -- ---- ---------------------------------- ---------- - -- ------ ------------ ------------- ---------------------
渲染图片
将生成的 SVG 图片嵌入到 HTML 中即可渲染出它的样子：
<div> <h1>My cat</h1> <img src="data:image/svg+xml;utf8,<!-- SVG 图片的字符串形式 -->"> </div>
保存图片
你也可以将生成的 SVG 图片保存为文件，例如 cat.svg：
const fs = require('fs');
fs.writeFileSync('cat.svg', cat);参数
miao 函数接受一个包含以下属性的对象：
breed：猫咪品种。可选值：exotic,persian,tabby。color：猫咪毛色。可选值：brown,gray,white,black,orange。pose：猫咪姿态。可选值：sitting,lying,rolling。face：猫咪脸型。可选值：happy,angry,surprised。
例如：
-- -------------------- ---- ------- ----- ---- - ------ ------ ---------- ------ -------- ----- -------- ----- -------- --- ------------------ -- -- ---- ---------------------------------- ---------- - -- ------ -------------- -------------- ------- --------- ------- ----------- ---------------- -----------------------------------------
总结
miao 是一个有趣的 npm 包，可以帮助你生成各种各样的猫咪图片，为你的项目增添一些趣味。从这个包的设计理念上来讲，我们也可以学到如何使用 SVG 进行图形绘制，这对读者的前端技能提升也有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066f461d8e776d08040fb1