Answer 1

You can use canvas.toDataUrl () which gives you a base64 image.

function Download(canvas,name){

var url = canvas.toDataURL();
url = url.replace("image/png","octet/stream");
var a = document.createElement('a');
a.href=url;
a.download = name+".png"
document.body.appendChild(a);
a.click();
document.body.removeChild(a);
delete a;
}

Note: This currently doesn't seem to work on sololearn because it doesn't handle downloads. Just for others looking this up.

Answer 2

never heard of "right clicking to save image",your question is very void of details so its hard to understand

Answer 3

Kaimi I'll create it on codepen and send to you then.

Answer 4

Kaimi https://codepen.io/anon/pen/MGPQLN

Answer 5

Kaimi I don't think sololearn allows the ability to download files so you won't be able to do that. I've tried a bunch of ways to do it but it doesn't work and the only other way to do it is to get sololearn to open an external url that can convert base 64 to image. You can also print base64 to a textbox and save that with another app.