在前端开发中，我们经常需要使用到随机生成数据的场景，比如在页面设计中需要用到随机的图片或者颜色，因此我们需要使用一些工具来处理这些数据生成的需求。npm 包 rando-tile 就是这样一款工具，它能够帮助我们生成随机的图片和颜色，让我们的页面更具有变化性和美观度。
安装 rando-tile
在使用 rando-tile 之前，我们需要先安装它。可以使用 npm 安装，输入以下命令即可：
npm install rando-tile
生成随机图片
使用 rando-tile 可以轻松地生成一张随机图片，方法非常简单。
首先，在代码中引入 rando-tile：
const randoTile = require('rando-tile');然后，我们就可以使用它来生成一张随机图片了：
const tile = randoTile({ size: 256, scale: 32, rows: 8, cols: 8 });randoTile 方法接收一个参数对象，其中包含 size（图像大小）、scale（锯齿宽度）、rows（行数）和 cols（列数）等配置项，可以根据需求设置不同的值。
最终生成的图片结果存储在 tile 对象中，我们可以将其插入到页面中用于展示：
<img src="{{tile.toDataURL()}}" width="256" height="256" alt="random tile" />上述代码中，toDataURL() 用于将图片信息转换成 base64 格式，便于在页面中展示。
生成随机颜色
除了生成图片，rando-tile 还可以帮助我们生成随机的颜色值。
要生成随机颜色，我们只需要调用一个颜色方法即可：
const color = randoTile.color();
randoTile.color() 方法会返回一个随机的颜色值，例如 "#3E6B95" 或 "rgb(190,60,114)"。
总结
使用 rando-tile 可以轻松地生成随机的图片和颜色，让我们的页面更具变化性和美观度。在使用过程中，可以根据不同需求调整配置项，获得更多的自定义效果。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055b1381e8991b448d8be7