<glitch-img>
A polymer component to glitch your <img>, wrapper for glitch-canvas.
Demo
Install
Install the component using Bower:
$ bower install glitch-img --saveUsage
-
Import Web Components' polyfill:
<script src="bower_components/webcomponentsjs/webcomponents.min.js"></script>
-
Import Custom Element:
<link rel="import" href="bower_components/glitch-img/dist/glitch-img.html">
-
Start using it!
<glitch-img src="beautifulpic.jpg"></glitch-img>
Options
| Attribute | Options | Default | Description |
|---|---|---|---|
src |
string | bar |
your <img> src |
seed |
int | random integer |
integer between 0 and 99 |
quality |
int | random integer |
integer between 0 and 99 |
amount |
int | random integer |
integer between 0 and 99 |
iterations |
int | random integer |
integer |
check out this awesome jpg-glitch experiment to get a better understanding of the values
Contributing
- Fork it!
- Create your feature branch:
git checkout -b my-new-feature - Commit your changes:
git commit -m 'Add some feature' - Push to the branch:
git push origin my-new-feature - Submit a pull request :D