介绍
在前端开发中，经常需要随机生成一些条目来测试页面的布局效果或功能。这时，就有一个实用的工具可以帮助我们快速生成随机的文本和图片，那就是 bingo-generator npm 包。
bingo-generator 使用起来非常简单，只需要几行代码就可以生成自定义数量的文本或图片组成的数据集。
安装
使用 npm 安装 bingo-generator：
npm install bingo-generator --save
文本生成
bingo-generator 可以生成随机的中英文文本。以下是示例代码：
const generator = require('bingo-generator');
// 生成 10 条中文文本
const textList = generator.generateTextList(10, { lang: 'zh' });
console.log(textList);输出结果：
-- -------------------- ---- ------- - ---------------------- ---------------------- ---------------------- ----------------------- ---------------------- --------------------- --------------------- ---------------- ------------------- ------------------- -
如上代码中，我们通过 generateTextList 方法生成了 10 条中文文本。
同时，可以生成英文文本，操作方法也是类似的。
const generator = require('bingo-generator');
// 生成 5 条英文文本
const textList = generator.generateTextList(5, { lang: 'en' });
console.log(textList);输出结果：
[ 'We can\'t solve problems by using the same kind of thinking we used when we created them.', 'It is the unknown we fear when we look upon death and darkness, nothing more.', 'All our dreams can come true if we have the courage to pursue them.', 'It does not matter how slowly you go as long as you do not stop.', 'The only impossible journey is the one you never begin.' ]
图片生成
bingo-generator 还可以生成随机的图片，包括人物头像、自然风景、动物等多种类别。以下是示例代码：
-- -------------------- ---- ------- ----- --------- - --------------------------- -- -- - ------- ----- ------- - ----------------------------- ------ -- --------- -------- --- ---------------------
输出结果：
[ 'https://bingo-1256699655.cos.ap-guangzhou.myqcloud.com/image/animal/animal7.jpg', 'https://bingo-1256699655.cos.ap-guangzhou.myqcloud.com/image/animal/animal8.jpg', 'https://bingo-1256699655.cos.ap-guangzhou.myqcloud.com/image/animal/animal0.jpg', 'https://bingo-1256699655.cos.ap-guangzhou.myqcloud.com/image/animal/animal7.jpg', 'https://bingo-1256699655.cos.ap-guangzhou.myqcloud.com/image/animal/animal10.jpg' ]
如上代码中，我们通过 generateImageList 方法生成了 5 张动物类的图片。
可以通过 category 参数指定需要生成的图片类别，目前支持的类别包括 animal (动物)、nature (自然风景)、people (人物头像)、food (食物)。
同时可以继续通过其它参数来进行自定义，如 width 和 height 参数指定图片的宽度和高度，backgroundColor 参数指定背景色等。
-- -------------------- ---- ------- ----- --------- - --------------------------- -- -- - - ------- ---------- ----- ------- - ----------------------------- ------ -- --------- ------- ------ ---- ------- ---- ------ -------- ---------------- -------- ------ ---- --- ---------------------
输出结果：
[ 'https://bingo-1256699655.cos.ap-guangzhou.myqcloud.com/image/food/food8.jpg?s=100x100&bw', 'https://bingo-1256699655.cos.ap-guangzhou.myqcloud.com/image/food/food1.jpg?s=100x100&bw', 'https://bingo-1256699655.cos.ap-guangzhou.myqcloud.com/image/food/food5.jpg?s=100x100&bw' ]
总结
bingo-generator 是一个简单实用的 npm 包，可以快速生成大量自定义的中英文文本以及图片。可以在 Web 前端开发中，大大提高效率和便利性。希望本文内容对您提供帮助，并在您的工作中发挥作用。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600567fa81e8991b448e41e7