A polymer component to glitch your <img>, wrapper for glitch-canvas.
Install the component using Bower:
$ bower install glitch-img --save-
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>
| 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
- 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
![[os] avatar](https://avatars.githubusercontent.com/u/114344?s=40&v=4 "[os]")
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent