分享免费软件APP
和在线工具应用程序

Faces.js-一款随机生成矢量卡通人脸头像JavaScript库

应该有小伙伴用过在线生成卡通头像工具,今天笨小兔就分享一款随机生成矢量卡通人脸头像JavaScript 库:Faces.js。经过简单的调用自己也可以制作一款在线卡通头像生成工具。

生成矢量卡通人脸头像JavaScript库Faces.js

Faces.js 是一个用于生成和显示卡通人脸的 JavaScript 库,生成的人脸以可缩放的矢量图形(SVG)绘制。

每个人脸还可以用一个小的 JavaScript 对象来表示,这样你就可以存储该对象,然后稍后再次绘制相同的人脸。

具体效果如下图所示:

Faces.js-一款随机生成矢量卡通人脸头像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

 

未经允许不得转载:笨小兔 » Faces.js-一款随机生成矢量卡通人脸头像JavaScript库