test

by farhatdz

HTML

<canvas id="mcanvas"></canvas>

<button onclick="download_image()">
Download
</button>

JavaScript

var canvas = document.getElementById("mcanvas");
    var context = canvas.getContext("2d");
    var residence = new Image();
    residence.src = "https://limerickfilmfestival.files.wordpress.com/2013/03/lit-ff-logo-new2.jpg"
        context.drawImage(residence, 0, 0, 200, 200);
        context.font = "bold 70px sans-serif";
        context.textAlign = "right";
    

function download_image(){
  var canvas = document.getElementById("mcanvas");
  image = canvas.toDataURL("image/png").replace("image/png", "image/octet-stream");
  var link = document.createElement('a');
  link.download = "my-image.png";
  link.href = image;
  link.click();
}