项目作者: darosh

项目描述 :
SVG avatars generator
高级语言: JavaScript
项目地址: git://github.com/darosh/gridy-avatars.git
创建时间: 2018-04-05T23:28:58Z
项目社区:https://github.com/darosh/gridy-avatars

开源协议:MIT License

下载


Gridy Avatars npm (scoped) demo Try gridy-avatars on RunKit

SVG avatars generator

sample 1sample 2sample 3sample 4sample 5

Demo

Try randomize button here.

Usage

Development

  1. yarn
  2. edit ./src/avatars.svg in Inkscape (use one layer per feature)
  3. npm run dev
  4. copy generated shapes from dev web app to ./shapes.json
  5. npm run build

Notes

  • 86 = 262.144 variants
  • based on 24×24 pixels grid
  • using Material Design colors (generated in ./src/colors.js)
  • no transparent colors
  • utilizing SVG clipPaths (with fully opaque colors)
  • no dependencies
  • inspired by Gabfranck/svg_avatar