Skip to content

Instantly share code, notes, and snippets.

@omerbn

omerbn/gist:6a0649c5b91471674684bcf4aeb5d8cc

Created March 6, 2018 18:07
Show Gist options
  • Save omerbn/6a0649c5b91471674684bcf4aeb5d8cc to your computer and use it in GitHub Desktop.
Save omerbn/6a0649c5b91471674684bcf4aeb5d8cc to your computer and use it in GitHub Desktop.
Download ZIP
Raw
gistfile1.txt
let img = new Image();
img.addEventListener('load', function(){
var canvas = document.createElement("canvas");
canvas.width = this.width;
canvas.height = this.height;
// Copy the image contents to the canvas
var ctx = canvas.getContext("2d");
ctx.drawImage(this, 0, 0);
// Get the data-URL formatted image
// Firefox supports PNG and JPEG. You could check img.src to
// guess the original format, but be aware the using "image/jpg"
// will re-encode the image.
var dataURL = canvas.toDataURL("image/png");
let data = dataURL.replace(/^data:image\/(png|jpg);base64,/, "");
});
img.src = "...";
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment