Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/gillyb/reimg
reimg - A javascript library for converting image formats
https://github.com/gillyb/reimg
canvas javascript-library svg
Last synced: about 1 month ago
JSON representation
reimg - A javascript library for converting image formats
- Host: GitHub
- URL: https://github.com/gillyb/reimg
- Owner: gillyb
- License: mit
- Created: 2015-08-26T10:35:47.000Z (over 9 years ago)
- Default Branch: master
- Last Pushed: 2019-04-13T20:35:42.000Z (over 5 years ago)
- Last Synced: 2024-10-01T08:10:56.924Z (2 months ago)
- Topics: canvas, javascript-library, svg
- Language: HTML
- Size: 11.7 KB
- Stars: 124
- Watchers: 6
- Forks: 47
- Open Issues: 5
-
Metadata Files:
- Readme: README.md
- License: LICENSE.md
Awesome Lists containing this project
- awesome-starred - gillyb/reimg - reimg - A javascript library for converting image formats (others)
README
# reimg
reimg - A javascript library for converting image formats
This can convert :
* svg -> base64
* svg -> canvas
* svg -> html `` element
* svg -> png
* canvas -> base64
* canvas -> html `` element
* canvas -> pngI needed to do this transformations a few times in the past, and got tired of looking them up.
Most of the solutions I found were either more complicated, or they required heavy 3rd party libraries or frameworks.
This is a very lightweight solution, and very simple to follow.Just include this library in your html code :
```html```
Here are some examples on how to use it :
```javascript
// convert svg element to img element
var img = ReImg.fromSvg(document.querySelector('svg')).toImg();
// now 'img' is the img element created// convert svg element to png
var png = ReImg.fromSvg(document.getElementById('svg-element-id')).toPng();// force client download of svg as png image
ReImg.fromSvg(document.querySelector('svg')).downloadPng();// convert canvas to png
var png = ReImg.fromCanvas(document.getElementById('canvasId')).toPng();
```
## License
This piece of software is issued under the MIT license. You can view the license [here](https://github.com/gillyb/reimg/blob/master/LICENSE.md)