应该有小伙伴用过在线生成卡通头像工具,今天笨小兔就分享一款随机生成矢量卡通人脸头像JavaScript 库:Faces.js。经过简单的调用自己也可以制作一款在线卡通头像生成工具。
生成矢量卡通人脸头像JavaScript库Faces.js
Faces.js 是一个用于生成和显示卡通人脸的 JavaScript 库,生成的人脸以可缩放的矢量图形(SVG)绘制。
每个人脸还可以用一个小的 JavaScript 对象来表示,这样你就可以存储该对象,然后稍后再次绘制相同的人脸。
具体效果如下图所示:
不过吧,正如你可能已经注意到的,目前生成的人脸比较难看,每个面部特征(眼睛、鼻子、嘴巴等)的选项数量相对有限,凑合用吧。
Faces.js如何安装使用
使用放大还是比较简单的。
1,安装
$ npm install --save facesjs
或者
$ yarn add facesjs
2,简单使用示例
在 #my-div-id 里,随机生成一个头像
import { display, generate } from "facesjs"; // Generate a random face const face = generate(); // Display in a div with id "my-div-id" display("my-div-id", face);
Faces.js官网
官网地址为:https://zengm.com/facesjs/
GitHub项目地址:https://github.com/zengm-games/facesjs