Вот пример на основе кода, который я приводил выше...
<canvas id="canvas" width="150" height="150"></canvas>
<script>
var ctx = canvas.getContext("2d");
ctx.font = "120px Arial";
ctx.fillText("\uD83D\uDDFA", 15, 115);
canvas.onclick = function() {
var dataURL = canvas.toDataURL("image/jpeg");
var link = document.createElement("a");
document.body.appendChild(link); // Firefox requires the link to be in the body :(
link.href = dataURL;
link.download = "my-image-name.jpg";
link.click();
document.body.removeChild(link);
};
</script>
Вот открывается или что вы имеете в виду?