javascript - base64 を画像に変換し、ブラウザのみで表示する

Question

この質問がすでに出されていることは知っていますが、私の場合の解決策は 1 つではありません。JavaScript を使用して 3 文字のキャプチャを生成しています。それらを base64 文字列に変換して、さらに画像ファイルに変換してブラウザに表示できます。base64 形式を画像形式に変換できません。Google reCaptcha を使用できますが、学習目的でこれを行っています。だから、どんな助けも素晴らしいでしょう！これは私のJavaScriptコードです:

var code2 = ''
$('#captCha').ready(function Captcha() {
    var alpha = new Array('A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M', 'N', 'O', 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'W', 'X', 'Y', 'Z', 'a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'k', 'l', 'm', 'n', 'o', 'p', 'q', 'r', 's', 't', 'u', 'v', 'w', 'x', 'y', 'z')

    for (var i = 0; i < 6; i++) {
        var a = alpha[Math.floor(Math.random() * alpha.length)]
        var b = alpha[Math.floor(Math.random() * alpha.length)]
        var c = alpha[Math.floor(Math.random() * alpha.length)]
    }
    var code = a + ' ' + b + ' ' + ' ' + c

    code2 = removeSpaces(code)
    var b64 = btoa(unescape(encodeURIComponent(code2)))
    console.log(b64)
    document.getElementById('captCha').innerHTML = b64
});

function removeSpaces (string) {
    return string.split(' ').join('')
}