Merhabalar;
Elimde bir HTML döküman var. Rastgele görsel oluşturuyor ancak görselleri base64 ile şifreliyor ve otomatik div içine css background-image olarak yazıyor. Ben oluşan görselleri Download butonu koyarak indirmenin yolunu arıyorum. html2canvas denedim ancak kaliteli görsel elde edemediğim için vazgeçtim. Yardımcı olabilir misiniz?


HTML Kodum
<div class="profile b64"></div>


CSS Kodum
.b64 {
  background-image: url("data:image/svg+xml;base64,PD94bW.....z4K");
}
Javascript Kodum

function hashCode (str){
    var hash = 0;
    if (str.length == 0) return hash;
    for (i = 0; i < str.length; i++) {
        char = str.charCodeAt(i);
        hash = ((hash<<5)-hash)+char;
        hash = hash & hash; // Convert to 32bit integer
    }
    return hash;
}


$('.name').on('keyup', function () {
    // Get name value as string
    var name = $(this).val();
    
    // Generate positive numerical hash from name
    var hash = Math.abs(hashCode(name)).toString();
    
    // Define Vars
    var xpos = hash.substring(0, 3);
    var ypos = hash.substring(1, 4);
    var deg  = hash.substring(2, 5);
    var bp = xpos + "px " + ypos + "px";
    
    // Override CSS
    $('.profile').css({
       'background-position' : bp,
       'filter' : 'hue-rotate('+deg+'deg)'
    });
});