Skip to content
Create cool badges with an HTML5 Canvas UI
JavaScript Other
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
badge-images
lib
src
.gitignore
README.md
index.html
thumbnailify.sh

README.md

BadgeMaker

Demo in index.html

Init:

$('#someId').badgemaker({
  width: 512,
  height: 256,
  lightColor: '#ccccff',
  darkColor: '#8888ff',
  click: function() {
    console.log('clicked on badge');
  },
  change: function() {
    console.log('changed');
  },
  style: 'Shield',
  params: [0.5, 0.5, 0.5],
  scale: 0.5,
  showTools: true
})

API:

$('#someId').badgemaker('setImage', 'some image url');
$('#someId').badgemaker('setColors', '#cccccc', '#888888');
var dataURI = $('#someId').badgemaker('getImage');

Icons: http://flaticons.net/

You can’t perform that action at this time.