Skip to content

gillyb/reimg

master
Switch branches/tags

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?
Code

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
August 27, 2015 15:35
August 27, 2015 15:35
February 8, 2016 09:50
March 8, 2016 13:14
October 30, 2018 16:32
May 21, 2017 19:35

reimg

reimg - A javascript library for converting image formats This can convert :

  • svg -> base64
  • svg -> canvas
  • svg -> html <img/> element
  • svg -> png
  • canvas -> base64
  • canvas -> html <img/> element
  • canvas -> png

I 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 :

<script src="reimg.js"></script>



Here are some examples on how to use it :

// 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

About

reimg - A javascript library for converting image formats

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published