<img-magick>
A Web Component that gives you the power of WASM-ImageMagick with the ease of use of the <img>
tag.
Live Demo Edit the attributes with your dev tools to see live updates!
Install
npm i img-magick
Usage
In a Javascript module
;
In html page:
or
Add component to appliction or page:
Results:
Attributes
Attributes | Description | Default |
---|---|---|
cmd |
Any ImageMagick command | "" |
src |
Image URL | "" |
showLoader |
Show the loading spinner when processing | false |
loaderColor |
Color of the loading indicator | #606060 |
loaderSize |
Size of the loader | 25px |
Example with custom loading indicator:
For development
Run polymer server
npm install -g polymer-cli && npm install && polymer serve
Start dev server
npm run dev