canvas.toDataURL(), DPI

canvas.toDataURL(), DPI

by realhunts

HTML

<canvas id="myCanvas">
</canvas>

JavaScript

var canvas = document.getElementById("myCanvas");
var context = canvas.getContext('2d');

var image = new Image();
image.crossOrigin = "Anonymous";
image.src = "https://upload.wikimedia.org/wikipedia/commons/c/ce/Amsel_Weibchen_aufgeplustert_edit2.jpg";

image.onload = function() {
  canvas.width = image.naturalWidth*.08;
 	canvas.height = image.naturalHeight*.08;
  
  context.drawImage(
    image,
    0, 0, image.naturalWidth, image.naturalHeight,
    0, 0, canvas.width, canvas.height
  );
  var dataURL = canvas.toDataURL('image/jpeg', 1.0);
  //window.open(dataURL);
  console.log(dataURL)
}