Как отправить HTML-холст как изображение?

Question

Я хочу иметь возможность реплицировать что-то вроде этого: https://via.placeholder.com/150

У меня есть некоторые данные, которые я хотел бы вставить в URL, и чтобы ответ был изображением.Я использую JavaScript, чтобы получить параметры, переданные в URL, а затем построить холст HTML.Я хочу иметь возможность преобразовать этот холст в изображение и отправить его обратно в качестве ответа.

/**
 *    Gets URL params
*/
function getUrlVars() {
    var vars = {};
    var parts = window.location.href.replace(/[?&]+([^=&]+)=([^&]*)/gi,                     function(m,key,value) {
    vars[key] = value;
});
return vars;
}

var fullName = decodeURIComponent(getUrlVars()["fullName"]);

var canvas = document.getElementById('canvas'),
ctx = canvas.getContext('2d');

function doCanvas() {
    /* draw something */
    ctx.fillStyle = '#f7f7f7';
    ctx.fillRect(0, 0, canvas.width, canvas.height);
    ctx.fillStyle = '#4b4f54';
    ctx.font = '12px sans-serif';
    ctx.fillText("Name: "+fullName, 10, 18);
}

/**
 * Draw something to canvas
 */
doCanvas();

Холст отлично работает, и отображаются данные, которые я передал через URL.Мне все еще нужна помощь в выяснении, как преобразовать этот холст в изображение и отправить его посетителю URL, а не странице, содержащей холст.

Я ценю любые идеи о том, как мне этого добиться.Спасибо!