@seedalpha/blocky

Generate Identicon with Canvas

Usage no npm install needed!

<script type="module">
  import seedalphaBlocky from 'https://cdn.skypack.dev/@seedalpha/blocky';
</script>

README

Seed Blocky

Generate Identicon image based similar to Github Identicon

Changelog

1.0.0

  • Init commit

Installation

$ npm install --save-dev seed-blocky;

Developement

$ git clone git@github.com:seedalpha/blocky.git
$ cd blocky

Usage

var blocky = require('seed-blocky');

// then find the element you want position the canvas within 

document.querySelector(el)
  .appendChild(blocky.create())

This will create a random canvas image of 50x50.

Vuejs

exports = module.exports = {
  template: require('./template.html'),
  attached: function() {
    this.$el.firstChild.appendChild(
      block.create(opts)
    )
  }
}

Options

color:
bgcolor:
seed: 
size: 
scale:

- size x scale = size of resulting canvas image

TODO

  • Add Tests
  • Clean up documentation and index.js

Contributors

Vladimir Popov vlad@seedalpha.net

License

©2014 Seedalpha